mobile styling

This commit is contained in:
Mashy 2019-11-21 14:03:59 +10:00
parent ef9ef0b604
commit 1735087321
4 changed files with 4 additions and 4 deletions

View File

@ -15,7 +15,7 @@
@media (max-width: 800px) { @media (max-width: 800px) {
.instance { .instance {
font-size: 6pt; font-size: 5.5pt;
grid-template-columns: 1fr; grid-template-columns: 1fr;
grid-template-rows: min-content 1fr; grid-template-rows: min-content 1fr;
grid-template-areas: grid-template-areas:

View File

@ -125,7 +125,7 @@ button, input {
font-family: 'Jura'; font-family: 'Jura';
color: whitesmoke; color: whitesmoke;
height: auto; height: auto;
border-width: 2px; border-width: 0.1em;
border-color: @gray-exists; border-color: @gray-exists;
letter-spacing: 0.25em; letter-spacing: 0.25em;
box-sizing: border-box; box-sizing: border-box;

View File

@ -115,6 +115,7 @@
} }
aside { aside {
font-size: 75%;
button { button {
margin-bottom: 0.5em; margin-bottom: 0.5em;
} }

View File

@ -1,10 +1,9 @@
.vbox { .vbox {
align-content: space-between; align-content: space-between;
grid-area: vbox; grid-area: vbox;
display: grid; display: grid;
grid-template-rows: 9.5em 2.5em 4.5em min-content; grid-template-rows: 9.5em 2.5em 4.5em min-content;
grid-template-columns: 7em 21em; grid-template-columns: 8em 24em;
grid-template-areas: grid-template-areas:
"shop-hdr shop" "shop-hdr shop"
"stash-hdr shop" "stash-hdr shop"