better styles for effects and skills

This commit is contained in:
ntr 2019-10-10 18:19:36 +11:00
parent d134bc8cf3
commit dc7e8a91e6
2 changed files with 6 additions and 4 deletions

View File

@ -132,10 +132,12 @@ section {
display: block;
button {
cursor: default;
pointer-events: none;
}
section {
margin-bottom: 0.5em;
div:first-child {
padding-right: 1em;
}
@ -147,7 +149,7 @@ section {
grid-area: unset;
.instance-construct {
border: 0;
// border: 0;
}
}
}

View File

@ -93,12 +93,12 @@ class GameConstruct extends Component {
const skills = range(0, 3)
.map(j => <SkillBtn key={j} construct={construct} i={j} j={i} animating={animating} />);
let crypSkills = <div> &nbsp; </div>;
let crypSkills = <div></div>;
if (player) crypSkills = (<div class="skills"> {skills} </div>);
const effects = construct.effects.length
? construct.effects.map(c => <div key={c.effect}>{c.effect} - {c.duration}T</div>)
: <div>&nbsp;</div>;
: null;
return (
<div