Mirrors/go-inbucket
1
0
Fork 0
mirror of https://github.com/jhillyerd/inbucket.git synced 2025-12-17 09:37: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

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