gameproposal: move game.message color to css

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

View File

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

View File

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