resize stuff

This commit is contained in:
ntr 2019-11-22 16:36:11 +11:00
parent 2d3c6cd18c
commit 3a0692a2a5
3 changed files with 14 additions and 10 deletions

View File

@ -17,8 +17,8 @@
.store {
grid-area: store;
border-right: 0.2em solid @gray-exists;
border-top: 0.2em solid @gray-exists;
border-right: 0.1em solid @gray;
border-top: 0.1em solid @gray;
}
.store-hdr {
@ -27,8 +27,12 @@
flex-flow: column;
text-align: center;
border-left: 0.2em solid @gray-exists;
border-top: 0.2em solid @gray-exists;
border-left: 0.1em solid @gray;
border-top: 0.1em solid @gray;
h1 {
margin-bottom: 0;
}
button {
margin: 1em 0 0 0;
@ -60,7 +64,7 @@
border-radius: 0;
border: 0;
&[disabled] {
border: 0.2em solid @gray-exists;
border: 0.1em solid @gray;
border-left: 0;
};
@ -75,7 +79,7 @@
grid-gap: 0.5em 1em;
align-items: center;
border: 0.2em solid @gray-exists;
border: 0.1em solid @gray;
border-left: 0;
}
@ -86,7 +90,7 @@
grid-area: stash-hdr;
text-align: center;
border: 0.2em solid @gray-exists;
border: 0.1em solid @gray;
border-right: 0;
h3 {
@ -162,7 +166,7 @@
}
button {
height: 4.5em;
height: 3.5em;
margin: 0;
width: 100%;

View File

@ -34,7 +34,7 @@ function combinerBtn(props) {
let bits = 0;
storeSelect.forEach(item => bits += item[0] + 1);
text = bits
? `${comboItem} - ${bits}b`
? `Buy ${comboItem} - ${bits}b`
: `Combine - ${comboItem}`;
if (vbox.bits >= bits) mouseEvent = sendVboxCombine;
} else if (stashSelect.length === 0 && storeSelect.length === 1) {

View File

@ -182,7 +182,7 @@ class Vbox extends preact.Component {
onMouseOver={e => vboxHover(e, 'store')}> STORE
</h3>
<div class={`bits ${vbox.bits < 3 ? 'red' : false}`} onMouseOver={e => vboxHover(e, 'bits')}>
<h2> {vbox.bits}b </h2>
<h1> {vbox.bits}b </h1>
</div>
<button
class='vbox-btn'