fix(nav): remove animation/enlargement from network player turn indicator

When it's a network player's turn, the local player is waiting, not acting.
Network players now show turn indicators without animated/enlarged behavior:

- Border ring and arrow badge still show whose turn it is
- Avatar stays at normal size (56px, no enlargement)
- No floating/bobbing animation
- Opacity still changes to emphasize current player

This makes it clear which remote player has the turn while signaling that
no action is required from the current session.

🤖 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:20:05 -05:00
parent a7309cb414
commit 53079ede13

View File

@@ -60,7 +60,7 @@ export function NetworkPlayerIndicator({
<div
style={{
position: 'relative',
fontSize: isCurrentPlayer && hasGameState ? '70px' : '56px',
fontSize: '56px',
lineHeight: 1,
transition: 'all 0.4s cubic-bezier(0.4, 0, 0.2, 1)',
filter: 'drop-shadow(0 6px 12px rgba(0,0,0,0.3))',
@@ -69,8 +69,6 @@ export function NetworkPlayerIndicator({
alignItems: 'center',
justifyContent: 'center',
opacity: hasGameState ? (isCurrentPlayer ? 1 : 0.65) : 1,
transform: isCurrentPlayer && hasGameState ? 'scale(1.1)' : 'scale(1)',
animation: isCurrentPlayer && hasGameState ? 'avatarFloat 3s ease-in-out infinite' : 'none',
}}
onMouseEnter={() => setIsHovered(true)}
onMouseLeave={() => setIsHovered(false)}