djmil/corda-checkers
djmil/corda-checkers
1
0
Fork 0
Code Issues 4 Pull Requests Packages Projects Releases Wiki Activity

gameproposal: move game.message color to css

Browse Source
This commit is contained in:
djmil 2023-10-14 10:06:13 +02:00
parent 72daeddb9d
commit c8480c3937
2 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
webapp/src/GameProposal.css
View File

@ -15,6 +15,10 @@
margin: 5px; margin: 5px;
} }
.GameProposal .li p q {
color: gray;
}
.separator { .separator {
width: 20%; width: 20%;
/* height: 20px; */ /* height: 20px; */

10
webapp/src/GameProposal.js
View File

@ -19,8 +19,9 @@ const GameProposal = ({games}) => {
.map(game => { return ( .map(game => { return (
<div class="li" key={game.uuid}> <div class="li" key={game.uuid}>
<p> <p>
from {game.opponentName}, opponentColor {game.opponentColor}<br/> from {game.opponentName}, opponentColor {game.opponentColor}
<q color="grey">{game.message}</q> <br/>
<q>{game.message}</q>
</p> </p>
</div> </div>
)}); )});
@ -30,8 +31,9 @@ const GameProposal = ({games}) => {
.map(game => { return ( .map(game => { return (
<div class="li" key={game.uuid}> <div class="li" key={game.uuid}>
<p> <p>
to {game.opponentName}, opponentColor ⛀ ⛂{game.opponentColor}<br/> to {game.opponentName}, opponentColor ⛀ ⛂{game.opponentColor}
<q color="grey">{game.message}</q> <br/>
<q>{game.message}</q>
</p> </p>
</div> </div>
)}); )});