From 935c266889505289f01ffffc685fca2faf2cd8dc Mon Sep 17 00:00:00 2001 From: Hadeed Ahmad Date: Mon, 3 Jun 2024 21:11:30 +0400 Subject: [PATCH] tailwind changes --- index.html | 8 +----- src/app.jsx | 2 +- src/game.jsx | 26 +++++++++---------- src/mainMenu.jsx | 8 +++--- src/modal.jsx | 2 +- src/store.jsx | 1 - styles.css | 14 +++++++++++ tailwind.config.js | 62 +++++++++++++++++++++++++--------------------- 8 files changed, 68 insertions(+), 55 deletions(-) create mode 100644 styles.css diff --git a/index.html b/index.html index 4c5e4f6..5312e4b 100644 --- a/index.html +++ b/index.html @@ -11,13 +11,7 @@ /> Tic Tac Toe - +
diff --git a/src/app.jsx b/src/app.jsx index cf51cc4..49e6232 100644 --- a/src/app.jsx +++ b/src/app.jsx @@ -8,7 +8,7 @@ export default () => { const players = useStore((state) => state.players); return ( -
+
{isGameRunning ? : }
); diff --git a/src/game.jsx b/src/game.jsx index 7069fde..2a3bc57 100644 --- a/src/game.jsx +++ b/src/game.jsx @@ -103,13 +103,13 @@ export default ({ players }) => { const boxBackground = (index) => { if (winner && winningCombo.includes(index)) { if (winner == "X") { - return "bg-blue-400 inner-shadow-2-blue-900"; + return "bg-blue-400 inner-shadow-2-blue"; } else { - return "bg-yellow-400 inner-shadow-2-yellow-900"; + return "bg-yellow-400 inner-shadow-2-yellow"; } } - return "bg-navy-400 inner-shadow-2-navy-900"; + return "bg-navy-400 inner-shadow-2-navy"; }; return ( @@ -119,7 +119,7 @@ export default ({ players }) => {
logo
-
+

Turn

@@ -128,7 +128,7 @@ export default ({ players }) => {
@@ -140,7 +140,7 @@ export default ({ players }) => {
-