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

ui: Invert mailbox media queries for desktop/mobile

Browse Source
This commit is contained in:
James Hillyerd
2018-11-25 20:34:31 -08:00
parent 22884378f3
commit 6a95dfe5c6
1 changed files with 11 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
ui/src/main.css
View File

@@ -286,19 +286,21 @@ li.navbar-active span,
grid-area: page; grid-area: page;
grid-gap: 20px; grid-gap: 20px;
grid-template-areas: grid-template-areas:
"list" "list mesg";
"mesg"; grid-template-columns:
justify-self: center; minmax(200px, 300px)
minmax(650px, 1000px);
grid-template-rows: 1fr;
} }
@media (min-width: 1000px) { @media (max-width: 999px) {
.mailbox { .mailbox {
grid-template-columns:
minmax(200px, 300px)
minmax(650px, 1000px);
grid-template-areas: grid-template-areas:
"list mesg"; "list"
grid-template-rows: 1fr; "mesg";
grid-template-columns: none;
grid-template-rows: none;
justify-self: center;
} }
} }