@ -10,7 +10,9 @@ export interface PlayerPieceProps {
export function PlayerPiece({ team, text, hasBall }: PlayerPieceProps) {
let className = `player-piece ${team}`
if (hasBall) {
className += ` player-piece-has-ball`
className += " player-piece-has-ball"
} else {
className += " player-piece-has-no-ball"
}
return (
@ -45,6 +45,10 @@
border-color: var(--player-piece-ball-border-color);
.player-piece-has-no-ball {
padding: 2px
.player-actions {
display: flex;