Mirrors/go-inbucket
1
0
Fork 0
mirror of https://github.com/jhillyerd/inbucket.git synced 2025-12-18 10:07:02 +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

22
ui/src/main.css
View File

@@ -115,15 +115,6 @@ 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
@@ -134,6 +125,19 @@ a.button {
.desktop { .desktop {
display: none; 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;
}
td.desktop, th.desktop {
display: table-cell;
}
} }
header { header {