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: Horizontally center content on wide displays

Browse Source
This commit is contained in:
James Hillyerd
2020-03-22 21:20:38 -07:00
parent 22a7789b7b
commit 66c95baf05
2 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
ui/src/mailbox.css
View File

@@ -69,7 +69,8 @@
grid-gap: 1px 20px; grid-gap: 1px 20px;
grid: grid:
"ctrl mesg" auto "ctrl mesg" auto
"list mesg" 1fr / minmax(200px, 300px) minmax(650px, 1000px); "list mesg" 1fr
/ minmax(200px, 300px) minmax(650px, auto);
height: 100%; height: 100%;
} }

6
ui/src/main.css
View File

@@ -126,12 +126,14 @@ a.button {
display: none; display: none;
} }
@media (min-width: 1000px) { @media screen and (min-width: 1000px) {
.app { .app {
grid-column-gap: 40px;
grid-template: grid-template:
"lpad head rpad" auto "lpad head rpad" auto
"lpad page rpad" 1fr "lpad page rpad" 1fr
"foot foot foot" auto / minmax(20px, auto) 1fr minmax(20px, auto); "foot foot foot" auto
/ 1fr minmax(auto, 1300px) 1fr;
height: 100vh; height: 100vh;
} }