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;
|
||||
}
|
||||
|
||||
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 {
|
||||
display: inline-block;
|
||||
|
|
@ -126,6 +126,8 @@ CSS = """
|
|||
width: 100%;
|
||||
margin: 1.2rem 0;
|
||||
font-size: 0.93em;
|
||||
display: block;
|
||||
overflow-x: auto;
|
||||
}
|
||||
th {
|
||||
background: #f0f0f0;
|
||||
|
|
@ -205,6 +207,12 @@ CSS = """
|
|||
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 = """
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue