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

game.jsx changes

Browse Source
This commit is contained in:
Mashy 2018-10-26 14:34:36 +10:00
parent 6ac999baa0
commit 35f3d34399
1 changed files with 21 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
client/src/components/game.jsx
View File

@ -1,6 +1,6 @@
const preact = require('preact'); const preact = require('preact');
const key = require('keymaster'); const key = require('keymaster');
const Phaser = require('./phaser.container');
const SKILL_HOT_KEYS = ['Q', 'W', 'E', 'R']; const SKILL_HOT_KEYS = ['Q', 'W', 'E', 'R'];
function GamePanel(props) { function GamePanel(props) {
@ -158,13 +158,15 @@ function GamePanel(props) {
} }
return ( return (
<section className="columns"> <section className="columns">
<div className="column is-2 title is-1"> <div className="column is-1">
{phaseText(game.phase)}
</div> </div>
<div className="column is-4"> <div className="column is-6">
<Phaser />
<section className="columns">
<div className="column is-6">
{PlayerTeam(playerTeam, setActiveSkill)} {PlayerTeam(playerTeam, setActiveSkill)}
</div> </div>
<div className="column is-4"> <div className="column is-6">
<div> <div>
{otherTeams.map(OpponentTeam)} {otherTeams.map(OpponentTeam)}
</div> </div>
@ -172,11 +174,14 @@ function GamePanel(props) {
{incoming} {incoming}
</div> </div>
</div> </div>
<div className="column is-2"> </section>
<div className="title is-4">log</div> </div>
<div className="column is-3">
<div className="title is-4">{phaseText(game.phase)}</div>
<div> log </div>
</div> </div>
</section> </section>
); )
} }
module.exports = GamePanel; module.exports = GamePanel;