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: 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-gap: 20px;
grid-template-areas:
"list"
"mesg";
justify-self: center;
"list mesg";
grid-template-columns:
minmax(200px, 300px)
minmax(650px, 1000px);
grid-template-rows: 1fr;
}
@media (min-width: 1000px) {
@media (max-width: 999px) {
.mailbox {
grid-template-columns:
minmax(200px, 300px)
minmax(650px, 1000px);
grid-template-areas:
"list mesg";
grid-template-rows: 1fr;
"list"
"mesg";
grid-template-columns: none;
grid-template-rows: none;
justify-self: center;
}
}