fix player with or without ball to the same size

pull/117/head
maxime 1 year ago
parent 80c94d733f
commit 69edb10b04

@ -10,7 +10,9 @@ export interface PlayerPieceProps {
export function PlayerPiece({ team, text, hasBall }: PlayerPieceProps) { export function PlayerPiece({ team, text, hasBall }: PlayerPieceProps) {
let className = `player-piece ${team}` let className = `player-piece ${team}`
if (hasBall) { if (hasBall) {
className += ` player-piece-has-ball` className += " player-piece-has-ball"
} else {
className += " player-piece-has-no-ball"
} }
return ( return (

@ -45,6 +45,10 @@
border-color: var(--player-piece-ball-border-color); border-color: var(--player-piece-ball-border-color);
} }
.player-piece-has-no-ball {
padding: 2px
}
.player-actions { .player-actions {
display: flex; display: flex;

Loading…
Cancel
Save