fix(nav): add z-index to turn labels to prevent avatar overlap

Added position: relative and zIndex: 10 to turn label text to ensure it
renders above the animated avatar emojis. The floating/scaling animations
were causing the avatars to obscure the text below them.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Thomas Hallock
2025-10-11 09:24:52 -05:00
parent 6105cae17c
commit 7c294dafff
2 changed files with 4 additions and 0 deletions

View File

@@ -278,6 +278,8 @@ export function ActivePlayersList({
letterSpacing: '0.5px',
textShadow: '0 2px 4px rgba(0,0,0,0.2)',
marginTop: '-2px',
position: 'relative',
zIndex: 10,
}}
>
Your turn

View File

@@ -289,6 +289,8 @@ export function NetworkPlayerIndicator({
letterSpacing: '0.5px',
textShadow: '0 2px 4px rgba(0,0,0,0.2)',
marginTop: '-2px',
position: 'relative',
zIndex: 10,
}}
>
Their turn