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

styles

Browse Source
This commit is contained in:
ntr 2019-09-21 17:35:13 +10:00
parent bec7685f7b
commit 47135836b4
2 changed files with 16 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
client/assets/styles/controls.less
View File

@ -15,7 +15,7 @@ aside {
padding-left: 1em; padding-left: 1em;
.instance-ctrl { .instance-ctrl {
grid-template-rows: 1fr 1fr 1fr min-content; grid-template-rows: 2fr 2fr 1fr;
} }
.controls { .controls {
@ -32,14 +32,7 @@ aside {
} }
} }
// fix chrome being inconsistent text-align: center;
table {
height: 100%;
}
div {
text-align: center;
}
button { button {
width: 100%; width: 100%;
@ -108,6 +101,18 @@ aside {
.instance-ctrl-btns { .instance-ctrl-btns {
font-size: 50%; font-size: 50%;
display: flex;
flex-flow: column;
button {
flex: 0;
&:first-child {
flex: 1;
font-size: 200%;
}
}
} }
.abandon:not([disabled]) { .abandon:not([disabled]) {

4
client/src/components/player.box.jsx
View File

@ -40,14 +40,14 @@ function Scoreboard(args) {
style={{ 'background-image': `url(/imgs/c170c913-7bd1-4196-97d0-97f404cfbbe9.svg)` }}> style={{ 'background-image': `url(/imgs/c170c913-7bd1-4196-97d0-97f404cfbbe9.svg)` }}>
   
</div> </div>
<div class="msg">lucker noob</div> <div class="msg">glhf</div>
</div> </div>
); );
} }
return ( return (
<div class={`player-box bottom ${player.ready ? 'ready' : ''}`}> <div class={`player-box bottom ${player.ready ? 'ready' : ''}`}>
<div class="msg">reported</div> <div class="msg">hfhf</div>
<div class="score">{scoreText()}</div> <div class="score">{scoreText()}</div>
<div class="name">{player.name}</div> <div class="name">{player.name}</div>
<div class="img avatar" <div class="img avatar"