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

resize stuff

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
client/assets/styles/vbox.less
View File

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

2
client/src/components/vbox.combiner.jsx
View File

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

2
client/src/components/vbox.component.jsx
View File

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