fix: mobile CSS and other mistakes

This commit is contained in:
Hugo 2023-08-05 15:19:00 +02:00
parent 0525100bc6
commit 30cca3a33c
1 changed files with 13 additions and 4 deletions

View File

@ -50,18 +50,18 @@ footer {
} }
header { header {
grid-area: "header"; grid-area: header;
border-bottom: 2px solid var(--border); border-bottom: 2px solid var(--border);
} }
footer { footer {
grid-area: "footer"; grid-area: footer;
border-top: 2px solid var(--border); border-top: 2px solid var(--border);
} }
main { main {
grid-area: "main"; grid-area: main;
padding: 3rem 3rem 3rem 3rem; padding: 3rem;
font-size: 1.3rem; font-size: 1.3rem;
line-height: 2rem; line-height: 2rem;
max-width: 120ch; max-width: 120ch;
@ -104,6 +104,7 @@ a:focus {
border-color: var(--hightlight); border-color: var(--hightlight);
background: linear-gradient(90deg, var(--hightlight) 0%, var(--hightlight) 50%, var(--bg) 51%, var(--bg) 100%); background: linear-gradient(90deg, var(--hightlight) 0%, var(--hightlight) 50%, var(--bg) 51%, var(--bg) 100%);
} }
.account, .account,
.sections, .sections,
#sections-menu { #sections-menu {
@ -189,6 +190,10 @@ screen and (max-width: 1500px) {
font-size: 2.2rem; font-size: 2.2rem;
} }
main {
padding: 1rem;
}
.links { .links {
display: none; display: none;
} }
@ -197,4 +202,8 @@ screen and (max-width: 1500px) {
footer { footer {
padding: 0 1rem; padding: 0 1rem;
} }
#theme-switcher {
margin-right: 1rem;
}
} }