- Disabled game mode selector while matchmaking is active.

- Updated match start header in Player to match new UI theme.
- Reworked TicTacToe layout with dark theme, centered layout, and Framer Motion transitions.
- Added animated header bar and unified styling across Player, Board, and main screen.
- Improved opacity/transition behavior for the board based on session state.
- Cleaned up unused code and reorganized match data callback handling.
This commit is contained in:
2025-11-29 03:05:33 +05:30
parent 601048f0e4
commit 0d167b8ccc
2 changed files with 75 additions and 29 deletions

View File

@@ -147,6 +147,7 @@ export default function Player({
<select
value={selectedMode}
disabled={isQueueing}
onChange={(e) => setSelectedMode(e.target.value)}
style={{
padding: "8px",
@@ -269,8 +270,8 @@ export default function Player({
textAlign: "center",
}}
>
<h2 style={{ fontSize: "22px", color: "#f1c40f" }}>
Go {session.username}!
<h2 style={{ marginBottom: "10px" }}>
Go, <span style={{ color: "#2ecc71" }}>{session.username}</span>
</h2>
</motion.div>
)}