app: make the header and tables responsive

This commit is contained in:
Milovann Yanatchkov 2026-03-24 19:00:01 +01:00
parent 8269477db2
commit 828b9bbd6f

View file

@ -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 = """