Skip to content

feat: polish lobby waiting room UI — player list, header, and action bar #613

@KovalDenys1

Description

@KovalDenys1

Visual redesign of the three lobby waiting room components, building on #608 (game/theme switching). No functional regressions — all logic preserved.

Changes:

  • LobbyInfo: settings displayed as horizontal pill strip instead of grid tiles; game icon badge; compact action buttons
  • WaitingRoom: larger avatars (40px), more breathing room (py-4), pulse animation on first required empty slot
  • WaitingRoomActions: segmented control for bot difficulty; pulsing dot indicator for non-host waiting state; polished starting spinner

Verification:

  • All 5 lobby themes render correctly
  • Host editors expand/collapse
  • Start game flow end-to-end
  • Mobile layout responsive
  • Dark mode correct
  • npx tsc --noEmit clean, npm run ci:quick green

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions