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