{messageDispaly}
} +Player ID: {playerData.id}
-Player Name: {playerData.name}
-Player Round Points: {playerData.roundPoints}
-Player Total Points: {playerData.totalPoints}
-| Column 1 | -Column 2 | -Column 3 | -Column 4 | -
|---|---|---|---|
|
- {card && (
- |
- );
- })}
-
############### OLD INTERFACE ###############
- {messageDispaly && messageDispaly !== "" &&{messageDispaly}
} -Player ID: {playerData.id}
+Player Name: {playerData.name}
+Player Round Points: {playerData.roundPoints}
+Player Total Points: {playerData.totalPoints}
+| Column 1 | +Column 2 | +Column 3 | +Column 4 | +
|---|---|---|---|
|
+ {card && (
+ |
+ );
+ })}
+
+
Session: {session}
Players: {clientsInRoom}
SocketId: {socket.id}
-
{children}
; +}; + +export default Text; diff --git a/src/index.css b/src/index.css index 293d3b1..76ee4ca 100644 --- a/src/index.css +++ b/src/index.css @@ -1,3 +1,7 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; + body { margin: 0; } diff --git a/tailwind.config.js b/tailwind.config.js new file mode 100644 index 0000000..cd3eee3 --- /dev/null +++ b/tailwind.config.js @@ -0,0 +1,23 @@ +/** @type {import('tailwindcss').Config} */ +export default { + content: [ + "./pages/**/*.{js,ts,jsx,tsx,mdx}", + "./components/**/*.{js,ts,jsx,tsx,mdx}", + "./app/**/*.{js,ts,jsx,tsx,mdx}", + "./node_modules/flowbite-react/**/*.js", + ], + theme: { + extend: { + backgroundImage: { + "gradient-radial": "radial-gradient(var(--tw-gradient-stops))", + "gradient-conic": + "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))", + }, + opacity: { + 95: "0.95", + }, + }, + }, + plugins: [import("flowbite/plugin")], + darkMode: "class", +};