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

game wip

Browse Source
This commit is contained in:
ntr 2019-04-02 15:24:33 +11:00
parent 7e70d2122d
commit 26136e23f5
2 changed files with 24 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
html-client/cryps.css
View File

@ -373,7 +373,19 @@ header {
.game {
display: flex;
height: 100%;
flex-flow: row wrap;
}
.game-back-btn {
flex: 0 0 25%;
}
.team-player, .team-opponent {
flex: 0 0 37.5%;
}
.logs {
flex: 25%;
}
.game-cryp-ctr {

20
html-client/src/components/game.component.jsx
View File

@ -125,7 +125,7 @@ function GamePanel(props) {
const cryps = team.cryps.map(c => Cryp(c));
return (
<div className="five columns cryp-list">
<div className="team-player cryp-list">
{cryps}
</div>
);
@ -173,29 +173,27 @@ function GamePanel(props) {
const logs = game.log.map((l, i) => (<div key={i}>{l}</div>)).reverse();
return (
<section>
<div className="row">
<div className="three columns">
<main>
<div className="game">
<div className="instance-hdr">
<button
className="instance-btn instance-ui-btn left"
className="game-back-btn instance-btn instance-ui-btn left"
onClick={quit}>
Back
</button>
</div>
<div className="six columns">
<div className="spacer">
<div>&nbsp;</div>
</div>
</div>
<div className="row game">
{PlayerTeam(playerTeam, setActiveSkill)}
<div className="three columns">
<div className="team-opponent">
{otherTeams.map(OpponentTeam)}
</div>
<div className="four columns">
<div className="logs">
{logs}
</div>
</div>
</section>
</main>
);
}