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

wi

Browse Source
This commit is contained in:
ntr
2019-11-22 13:00:57 +11:00
parent 672644514d
commit d4f2f9623f
8 changed files with 107 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/assets/styles/instance.less
+1 -1
View File
@@ -5,7 +5,7 @@
.instance {
overflow: hidden;
display: grid;
grid-template-columns: min-content minmax(min-content, 1fr);
grid-template-columns: 3fr minmax(min-content, 6fr);
grid-template-rows: min-content 1fr;
grid-template-areas:
client/assets/styles/styles.less
+1 -1
View File
@@ -125,7 +125,7 @@ button, input {
font-family: 'Jura';
color: whitesmoke;
height: auto;
border-width: 0.1em;
border-width: 0.2em;
border-color: @gray-exists;
letter-spacing: 0.25em;
box-sizing: border-box;
client/assets/styles/vbox.less
+41 -39
View File
@@ -2,40 +2,38 @@
align-content: space-between;
grid-area: vbox;
display: grid;
grid-template-rows: 9.5em 2.5em 4.5em min-content;
grid-template-columns: 8em 24em;
grid-template-rows: 1fr min-content;
grid-template-columns: 1fr 3fr;
grid-template-areas:
"store-hdr store"
"stash-hdr store"
"stash stash"
"refund combiner";
"stash-hdr stash"
"refund combiner";
margin-bottom: 1em;
line-height: 0;
.vbox-padding {
margin-left: 0.5em;
margin-bottom: 0.5em;
margin-top: 0.5em;
margin-right: 0.5em;
// immediate children
> div {
padding: 0.5em;
}
.store {
grid-area: store;
border-bottom: 0.1em solid @gray-exists;
border-right: 0.1em solid @gray-exists;
border-top: 0.1em solid @gray-exists;
border-right: 0.2em solid @gray-exists;
border-top: 0.2em solid @gray-exists;
}
.store-hdr {
grid-area: store-hdr;
border-bottom: 0.1em solid @gray-exists;
border-left: 0.1em solid @gray-exists;
border-top: 0.1em solid @gray-exists;
display: flex;
flex-flow: column;
text-align: center;
border-left: 0.2em solid @gray-exists;
border-top: 0.2em solid @gray-exists;
button {
margin-top: 0.5em;
margin: 1em 0 0 0;
line-height: 1.6;
height: 4em;
letter-spacing: 0.1em;
background-color: #421010;
&:hover {
@@ -47,18 +45,17 @@
.combiner {
grid-area: combiner;
border-top: 0.1em solid @gray-exists;
border-left: 0.1em solid @gray-exists;
display: flex;
flex-direction: column;
padding: 0.5em 0 0 0;
.vbox-padding {
margin-right: 0em;
margin-bottom: 0em;
}
button {
height: 3em;
letter-spacing: 0.1em;
background-color: #996100;
&[disabled] {
@@ -66,35 +63,42 @@
};
}
}
.stash {
grid-area: stash;
.vbox-padding {
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;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 0.5em 1em;
align-items: center;
padding: 0.5em;
border: 0.2em solid @gray-exists;
border-left: 0;
}
.stash-hdr {
display: flex;
flex-flow: column;
justify-content: center;
grid-area: stash-hdr;
border-left: 0.1em solid @gray-exists;
border-right: 0.1em solid @gray-exists;
text-align: center;
border: 0.2em solid @gray-exists;
border-right: 0;
}
.refund {
padding: 0.5em 0.5em 0 0;
button {
line-height: 1.4;
height: 3em;
letter-spacing: 0.1em;
background-color: #996100;
}
border-left: 0.1em solid @gray-exists;
border-bottom: 0.1em solid @gray-exists;
.vbox-padding {
padding-left: 0;
}
}
.vbox-hdr {
@@ -115,14 +119,12 @@
grid-template-columns: repeat(3, 1fr);
grid-gap: 0.5em 1em;
align-items: center;
margin-bottom: 0.5em;
}
.vbox-btn {
width: 100%;
margin: 0;
background-color: @gray-box;
height: 3em;
line-height: 1em;
border-width: 0;
@@ -153,7 +155,7 @@
}
button {
height: 3.25em;
height: 4.5em;
margin: 0;
width: 100%;