ntr/mnml
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

wip

Browse Source
This commit is contained in:
Mashy
2019-11-20 23:07:44 +10:00
parent e53983db98
commit 3dddf4b1a8
4 changed files with 89 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/assets/styles/instance.less
+1 -1
View File
@@ -1,7 +1,7 @@
.instance {
overflow: hidden;
display: grid;
grid-template-columns: 1fr minmax(min-content, 1fr);
grid-template-columns: min-content minmax(min-content, 1fr);
grid-template-rows: min-content 1fr;
grid-template-areas:
client/assets/styles/vbox.less
+29 -14
View File
@@ -3,46 +3,61 @@
align-content: space-between;
grid-area: vbox;
display: grid;
grid-template-rows: min-content 3.5em min-content 1em min-content 3.5em min-content;
grid-template-columns: 7em 1em 25em;
grid-template-rows: 9em 3em 2em min-content;
grid-template-columns: 7em 25em;
grid-template-areas:
"shop-hdr . shop"
". . shop"
"combiner . shop"
"combiner . ."
"combiner . stash"
". . stash"
"stash-hdr . stash";
"shop-hdr shop"
"combiner shop"
"combiner stash"
"stash-hdr stash";
border-top: 0.1em solid @gray-exists;
border-right: 0.1em solid @gray-exists;
border-bottom: 0.1em solid @gray-exists;
margin-bottom: 1em;
line-height: 0;
.items {
margin-left: 1em;
margin-bottom: 1em;
margin-top: 0.5em;
margin-right: 1em;
}
.shop {
grid-area: shop;
border-bottom: 0.1em solid @gray-exists;
}
.shop-hdr {
grid-area: shop-hdr;
display: flex;
flex-direction: column;
border-bottom: 0.1em solid @gray-exists;
border-left: 0.1em solid @gray-exists;
}
.combiner {
grid-area: combiner;
display: flex;
flex-direction: column;
border-right: 0.1em solid @gray-exists;
}
.stash {
grid-area: stash;
display: flex;
flex-direction: column;
}
.stash-hdr {
grid-area: stash-hdr;
display: flex;
flex-direction: column;
justify-content: flex-end;
border-left: 0.1em solid @gray-exists;
border-top: 0.1em solid @gray-exists;
}
.vbox-hdr {
@@ -109,7 +124,7 @@
}
button {
height: 4em;
height: 3.25em;
margin: 0;
width: 100%;
@@ -138,7 +153,7 @@
// figures don't scale well
figure {
svg {
height: 2em;
height: 1.5em;
stroke-width: 0.5em;
}