Mirrors/go-inbucket
1
0
Fork 0
mirror of https://github.com/jhillyerd/inbucket.git synced 2025-12-18 18:17:03 +00:00
Code Issues Releases Wiki Activity

ui: Convert main.css to mobile first

Browse Source
This commit is contained in:
James Hillyerd
2020-03-22 18:49:45 -07:00
parent bfac9a0cc2
commit d2da53cc0f
1 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
ui/src/main.css
View File

@@ -115,24 +115,28 @@ a.button {
display: grid; display: grid;
justify-content: center; justify-content: center;
grid-gap: 20px; grid-gap: 20px;
grid-template:
"lpad head rpad" auto
"lpad page rpad" 1fr
"foot foot foot" auto / minmax(20px, auto) 1fr minmax(20px, auto);
height: 100vh;
}
@media (max-width: 999px) {
.app {
grid-template: grid-template:
"head head head" auto "head head head" auto
"lpad page rpad" 1fr "lpad page rpad" 1fr
"foot foot foot" auto / 1px 1fr 1px; "foot foot foot" auto / 1px 1fr 1px;
height: auto; height: auto;
}
.desktop {
display: none;
}
@media (min-width: 1000px) {
.app {
grid-template:
"lpad head rpad" auto
"lpad page rpad" 1fr
"foot foot foot" auto / minmax(20px, auto) 1fr minmax(20px, auto);
height: 100vh;
} }
.desktop { td.desktop, th.desktop {
display: none; display: table-cell;
} }
} }