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