Mirrors/overte
3
0
Fork 0
mirror of https://github.com/overte-org/overte.git synced 2025-08-14 13:36:25 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

board header

Browse source
This commit is contained in:
ericrius1 2015-11-16 15:58:50 -08:00
parent b8cdff7a7a
commit 0ef37e4996
3 changed files with 28 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
examples/exterminatorGame/gameServer/client/app.jsx
View file

@ -48,6 +48,10 @@ var GameBoard = React.createClass({
return (
<div>
<div className = "gameTitle">Kill All The Rats!</div>
<div className = "boardHeader">
<div className="username">PLAYER</div>
<div className="score" > SCORE </div>
</div>
<UserList data ={this.state.data}/>
</div>
);

10
examples/exterminatorGame/gameServer/public/css/style.css
View file

@ -19,6 +19,16 @@ body {
font-size: 40px;
}
.boardHeader{
width:100%;
height:50px;
border:5px solid #A9D1E1;
color: white;
margin-right:10px;
padding: 10px;
float:left;
font-size: 40px;
}
.username{
font-weight: bold;
float: left;

14
examples/exterminatorGame/gameServer/public/js/app.js
View file

@ -58,6 +58,20 @@ var GameBoard = React.createClass({
{ className: 'gameTitle' },
'Kill All The Rats!'
),
React.createElement(
'div',
{ className: 'boardHeader' },
React.createElement(
'div',
{ className: 'username' },
'PLAYER'
),
React.createElement(
'div',
{ className: 'score' },
' SCORE '
)
),
React.createElement(UserList, { data: this.state.data })
);
}