app: make the header and tables responsive
This commit is contained in:
parent
8269477db2
commit
828b9bbd6f
1 changed files with 9 additions and 1 deletions
|
|
@ -27,7 +27,7 @@ CSS = """
|
||||||
padding: 3rem 2rem 6rem;
|
padding: 3rem 2rem 6rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 { font-size: 2.4rem; margin-bottom: 0.2rem; line-height: 1; }
|
h1 { font-size: 2.4rem; margin-bottom: 1.2rem; line-height: 1; }
|
||||||
|
|
||||||
a.title-btn {
|
a.title-btn {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
@ -126,6 +126,8 @@ CSS = """
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: 1.2rem 0;
|
margin: 1.2rem 0;
|
||||||
font-size: 0.93em;
|
font-size: 0.93em;
|
||||||
|
display: block;
|
||||||
|
overflow-x: auto;
|
||||||
}
|
}
|
||||||
th {
|
th {
|
||||||
background: #f0f0f0;
|
background: #f0f0f0;
|
||||||
|
|
@ -205,6 +207,12 @@ CSS = """
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
.site-header nav a:hover { color: #6366f1; text-decoration: none; }
|
.site-header nav a:hover { color: #6366f1; text-decoration: none; }
|
||||||
|
|
||||||
|
@media (max-width: 600px) {
|
||||||
|
.site-header-inner { padding: 0.6rem 1rem; gap: 0.8rem; }
|
||||||
|
.site-header .header-tagline { display: none; }
|
||||||
|
.site-header nav { gap: 0.8rem; }
|
||||||
|
}
|
||||||
"""
|
"""
|
||||||
|
|
||||||
HEADER = """
|
HEADER = """
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue