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

vbox rearrange, rework reclaim

Browse Source
This commit is contained in:
Mashy
2019-11-21 10:42:15 +10:00
parent 3dddf4b1a8
commit 7dc4a3f4f4
3 changed files with 64 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/assets/styles/vbox.less
+43 -26
View File
@@ -3,22 +3,21 @@
align-content: space-between;
grid-area: vbox;
display: grid;
grid-template-rows: 9em 3em 2em min-content;
grid-template-columns: 7em 25em;
grid-template-rows: 9.5em 2.5em 4.5em min-content;
grid-template-columns: 7em 21em;
grid-template-areas:
"shop-hdr shop"
"combiner shop"
"combiner stash"
"stash-hdr stash";
"shop-hdr shop"
"stash-hdr shop"
"stash-hdr combiner"
"stash 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-left: 0.5em;
margin-bottom: 1em;
margin-top: 0.5em;
margin-right: 1em;
@@ -27,37 +26,63 @@
.shop {
grid-area: shop;
border-bottom: 0.1em solid @gray-exists;
border-right: 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;
text-align: center;
button {
margin-top: 0.5em;
line-height: 1.6;
height: 4em;
letter-spacing: 0.1em;
background-color: #421010;
}
}
.combiner {
grid-area: combiner;
border-bottom: 0.1em solid @gray-exists;
border-right: 0.1em solid @gray-exists;
display: flex;
flex-direction: column;
border-right: 0.1em solid @gray-exists;
button {
height: 3em;
letter-spacing: 0.1em;
background-color: #342100;
&[disabled] {
color: #342100;
};
}
}
.stash {
grid-area: stash;
.items {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 0.5em 1em;
align-items: center;
}
border-right: 0.1em solid @gray-exists;
border-left: 0.1em solid @gray-exists;
}
.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;
border-right: 0.1em solid @gray-exists;
text-align: center;
button {
margin-top: 0.5em;
line-height: 1.6;
height: 4em;
letter-spacing: 0.1em;
background-color: #342100;
}
}
.vbox-hdr {
@@ -93,14 +118,6 @@
color: white;
}
&.reclaim {
height: auto;
&:hover {
color: @red;
};
}
&[disabled] {
background: black;
border-width: 1px;