From 19fad1b969ac9b6c50b024a2c710e8f4fe792eb0 Mon Sep 17 00:00:00 2001
From: nsfisis <nsfisis@gmail.com>
Date: Mon, 19 Aug 2024 05:21:58 +0900
Subject: feat(frontend): improve play/watch pages styling

---
 .../app/components/GolfPlayApps/GolfPlayAppStarting.tsx   | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

(limited to 'frontend/app/components/GolfPlayApps/GolfPlayAppStarting.tsx')

diff --git a/frontend/app/components/GolfPlayApps/GolfPlayAppStarting.tsx b/frontend/app/components/GolfPlayApps/GolfPlayAppStarting.tsx
index 18e9ffe..06e3825 100644
--- a/frontend/app/components/GolfPlayApps/GolfPlayAppStarting.tsx
+++ b/frontend/app/components/GolfPlayApps/GolfPlayAppStarting.tsx
@@ -1,16 +1,19 @@
 type Props = {
+	gameDisplayName: string;
 	leftTimeSeconds: number;
 };
 
 export default function GolfPlayAppStarting({
-	leftTimeSeconds: timeLeft,
+	gameDisplayName,
+	leftTimeSeconds,
 }: Props) {
 	return (
-		<div className="min-h-screen bg-gray-100 flex items-center justify-center">
-			<div className="text-center">
-				<h1 className="text-4xl font-bold text-black-600 mb-4">
-					Starting... ({timeLeft} s)
-				</h1>
+		<div className="min-h-screen bg-gray-100 flex flex-col">
+			<div className="text-white bg-iosdc-japan p-10 text-center">
+				<div className="text-4xl text-bold">{gameDisplayName}</div>
+			</div>
+			<div className="text-center text-black font-black text-10xl animate-ping">
+				{leftTimeSeconds}
 			</div>
 		</div>
 	);
-- 
cgit v1.3.1

