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

fix styles

Browse Source
This commit is contained in:
ntr 2019-09-11 12:29:09 +10:00
parent 73ae1e083d
commit b2658d5150
2 changed files with 32 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
client/assets/styles/menu.less
View File

@ -125,6 +125,7 @@ section {
"vcons game";
grid-template-columns: 1fr 1fr;
grid-template-rows: min-content 1fr;
.colour-info {
grid-area: vinfo;
@ -141,6 +142,10 @@ section {
}
}
.vbox-demo {
grid-area: vinfo;
}
.game-demo {
grid-area: game;

48
client/src/components/demo.jsx
View File

@ -106,33 +106,38 @@ function Demo(args) {
);
}
return (
<div class="news vbox-demo">
{inventoryElement()}
</div>
);
};
const vboxConstructs = () => {
const btnClass = equipping
? 'equipping empty gray'
: 'empty gray';
return (
<div class="news">
{inventoryElement()}
<div class='construct-list'>
{players[0].constructs.map((c, i) => (
<div class="instance-construct" key={i}>
<h2 class="name" >{c.name}</h2>
<ConstructAvatar construct={c} />
<div class="skills">
{i === 0 && equipped
? <button>Strike</button>
: <button disabled={!equipping} class={btnClass}>SKILL</button>
}
<button disabled={!equipping} class={btnClass}>SKILL</button>
<button disabled={!equipping} class={btnClass}>SKILL</button>
</div>
<div class="specs">
</div>
<div class="stats">
</div>
<div class='construct-list'>
{players[0].constructs.map((c, i) => (
<div class="instance-construct" key={i}>
<h2 class="name" >{c.name}</h2>
<ConstructAvatar construct={c} />
<div class="skills">
{i === 0 && equipped
? <button>Strike</button>
: <button disabled={!equipping} class={btnClass}>SKILL</button>
}
<button disabled={!equipping} class={btnClass}>SKILL</button>
<button disabled={!equipping} class={btnClass}>SKILL</button>
</div>
))}
</div>
<div class="specs">
</div>
<div class="stats">
</div>
</div>
))}
</div>
);
};
@ -163,6 +168,7 @@ function Demo(args) {
return (
<section class='demo'>
{vboxDemo()}
{vboxConstructs()}
{gameDemo()}
</section>
);