From 3e1dd0fdd9a7b6539592f10e5b895a7eb8d05c17 Mon Sep 17 00:00:00 2001 From: NigeParis Date: Sun, 4 Jan 2026 16:01:58 +0100 Subject: [PATCH] css update --- .gitignore | 1 + frontend/index.html | 4 +- frontend/src/pages/chat/chat.css | 64 ++++++++++++++++---------------- frontend/src/pages/ttt/ttt.css | 6 +-- frontend/src/pong/pong.css | 36 +++++++++--------- 5 files changed, 56 insertions(+), 55 deletions(-) diff --git a/.gitignore b/.gitignore index aa49988..bc2b758 100644 --- a/.gitignore +++ b/.gitignore @@ -7,6 +7,7 @@ node_modules/ *.crt *.key openapi.jar +.vscode # sqlite stuff *.db diff --git a/frontend/index.html b/frontend/index.html index d3f7472..f7857e3 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -9,7 +9,7 @@ - +
@@ -23,7 +23,7 @@
diff --git a/frontend/src/pages/chat/chat.css b/frontend/src/pages/chat/chat.css index 5f7b8d2..2711959 100644 --- a/frontend/src/pages/chat/chat.css +++ b/frontend/src/pages/chat/chat.css @@ -8,9 +8,9 @@ .btn-style { @apply - w-[100px] - h-[32px] - border-1 + w-25 + h-8 + border border-gray-500 rounded-3xl bg-gray-500 @@ -20,15 +20,15 @@ transition-all hover:bg-blue-200 active:bg-gray-400 - active:translate-y-[1px] + active:translate-y-px active:shadow-[0_2px_0_0_black]; } .send-btn-style { @apply - w-[50px] - h-[50px] - border-1 + w-12.5 + h-12.5 + border border-gray-500 rounded-3xl hover:bg-blue-200 @@ -38,16 +38,16 @@ shadow-[0_2px_0_0_black] transition-all active:bg-gray-400 - active:translate-y-[1px] + active:translate-y-px active:shadow-[0_2px_0_0_black];; } .chatbox-style { @apply - w-[650px] - h-[300px] /* increase height if needed */ - p-[8px] - border-1 + w-162.5 + h-75 /* increase height if needed */ + p-2 + border border-black shadow-2xl text-left @@ -63,7 +63,7 @@ .system-info { @apply - h-[40px] + h-10 bg-gray-200 text-gray-700 p-3 @@ -79,7 +79,7 @@ .modal-messages { @apply - h-[80px] + h-20 bg-white text-gray-700 p-3 @@ -104,10 +104,10 @@ .chat-window-style { @apply - w-[400px] - h-[50px] - p-[10px] - border-1 + w-100 + h-12.5 + p-6 + border border-black shadow-sm flex-1 @@ -136,7 +136,7 @@ left-1/2 -translate-x-1/2 -translate-y-1/2 - bg-gray-200 w-[850px] + bg-gray-200 w-212.5 p-6 rounded-xl shadow-2xl text-center z-50; @@ -156,8 +156,8 @@ .ping-box { @apply - w-[150px] - ml-2 border-1 + w-37.5 + ml-2 border border-gray-500 bg-white rounded-2xl @@ -165,7 +165,7 @@ shadow-md flex flex-col gap-1 - h-[350px]; + h-87.5; } .ping-title { @@ -213,12 +213,12 @@ div-private { .popUpBox { @apply bg-white - p-6 rounded-xl + rounded-xl shadow-xl - w-[800px] - h-[350px] - p-[10px] - border-1 + w-200 + h-87.5 + p-6 + border border-black } @@ -250,12 +250,12 @@ div-private { .popUpMessage { @apply bg-white - p-6 rounded-xl + rounded-xl shadow-xl - w-[800px] - h-[100px] - p-[10px] - border-1 + w-200 + h-25 + p-6 + border border-black } diff --git a/frontend/src/pages/ttt/ttt.css b/frontend/src/pages/ttt/ttt.css index c9a6dd4..d17e0b8 100644 --- a/frontend/src/pages/ttt/ttt.css +++ b/frontend/src/pages/ttt/ttt.css @@ -34,8 +34,8 @@ .btn-style { @apply - w-[100px] - h-[32px] + w-25 + h-8 border border-gray-500 rounded-3xl @@ -46,7 +46,7 @@ transition-all hover:bg-blue-200 active:bg-gray-400 - active:translate-y-[1px] + active:translate-y-px active:shadow-[0_2px_0_0_black]; } diff --git a/frontend/src/pong/pong.css b/frontend/src/pong/pong.css index f68d63d..25963c7 100644 --- a/frontend/src/pong/pong.css +++ b/frontend/src/pong/pong.css @@ -8,9 +8,9 @@ .btn-style { @apply - w-[100px] - h-[32px] - border-1 + w-25 + h-8 + border border-gray-500 rounded-3xl bg-gray-500 @@ -20,16 +20,16 @@ transition-all hover:bg-blue-200 active:bg-gray-400 - active:translate-y-[1px] + active:translate-y-px active:shadow-[0_2px_0_0_black]; } .chatbox-style { @apply - w-[650px] - h-[300px] /* increase height if needed */ - p-[8px] - border-1 + w-162.5 + h-75 /* increase height if needed */ + p-2 + border border-black shadow-2xl text-left @@ -45,7 +45,7 @@ .system-info { @apply - h-[40px] + h-10 bg-gray-200 text-gray-700 p-3 @@ -77,7 +77,7 @@ left-1/2 -translate-x-1/2 -translate-y-1/2 - bg-gray-200 w-[850px] + bg-gray-200 w-212.5 p-6 rounded-xl shadow-2xl text-center @@ -91,8 +91,8 @@ .pongbox-style { @apply - h-[450px] - w-[800px] + h-112.5 + w-200 bg-gray-400 text-6xl flex @@ -106,19 +106,19 @@ } .pong-field { - @apply relative w-[800px] h-[450px] bg-black; + @apply relative w-200 h-112.5 bg-black; } .pong-bat { - @apply absolute w-[12px] h-[80px] bg-white; + @apply absolute w-3 h-20 bg-white; } .pong-batleft { - @apply absolute left-4 w-[12px] h-[80px] top-[0px]; + @apply absolute left-4 w-3 h-20 top-0; } .pong-batright { - @apply absolute right-4 w-[12px] h-[80px] top-[0px]; + @apply absolute right-4 w-3 h-20 top-0; } .pong-center-line { @@ -127,8 +127,8 @@ left-1/2 top-0 h-full - w-[4px] + w-1 -translate-x-1/2 bg-[linear-gradient(to_bottom,white_50%,transparent_50%)] - bg-[length:4px_20px]; + bg-size-[4px_20px]; } \ No newline at end of file