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

better styles for effects and skills

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

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

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

4
client/src/components/game.construct.jsx
View File

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