mirrors
/
gotosocial
mirror of
1
Fork 0
Code Issues Releases Activity

mobile responsiveness

This commit is contained in:
f0x 2022-09-18 18:53:11 +02:00
parent 2e5a76a134
commit 336d25f28f
1 changed files with 30 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
web/source/settings-panel/style.css
View File

@ -30,9 +30,10 @@ section {
#root { #root {
display: grid; display: grid;
grid-template-columns: 1fr min(92%, 90ch) 1fr; grid-template-columns: 1fr 90ch 1fr;
width: 100vw; width: 100vw;
max-width: 100vw; max-width: 100vw;
box-sizing: border-box;
section.with-sidebar { section.with-sidebar {
border-left: none; border-left: none;
@ -448,3 +449,31 @@ section.with-sidebar > div {
padding: 0 0.5rem; padding: 0 0.5rem;
} }
} }
@media screen and (max-width: 100ch) {
#root {
padding: 1rem;
grid-template-columns: 1fr;
grid-template-rows: auto auto;
.sidebar {
justify-self: auto;
margin-bottom: 2rem;
}
.sidebar, section.with-sidebar {
border-top-left-radius: $br;
border-top-right-radius: $br;
border-bottom-left-radius: $br;
border-bottom-right-radius: $br;
}
.sidebar a:first-child h2 {
border-top-right-radius: $br;
}
}
section {
grid-column: 1;
}
}