From e20a0196cdd4a19636a12bcc392d79a803fd868e Mon Sep 17 00:00:00 2001
From: nsfisis <nsfisis@gmail.com>
Date: Sun, 18 Aug 2024 13:32:18 +0900
Subject: feat(frontend): improve styling of starting screen

---
 frontend/app/components/GolfWatchApps/GolfWatchAppStarting.tsx | 6 ++----
 frontend/tailwind.config.ts                                    | 6 +++++-
 2 files changed, 7 insertions(+), 5 deletions(-)

(limited to 'frontend')

diff --git a/frontend/app/components/GolfWatchApps/GolfWatchAppStarting.tsx b/frontend/app/components/GolfWatchApps/GolfWatchAppStarting.tsx
index 8282fb4..197d8b4 100644
--- a/frontend/app/components/GolfWatchApps/GolfWatchAppStarting.tsx
+++ b/frontend/app/components/GolfWatchApps/GolfWatchAppStarting.tsx
@@ -7,10 +7,8 @@ export default function GolfWatchAppStarting({
 }: 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="text-center text-black font-black text-10xl animate-ping">
+				{timeLeft}
 			</div>
 		</div>
 	);
diff --git a/frontend/tailwind.config.ts b/frontend/tailwind.config.ts
index acee505..a986f93 100644
--- a/frontend/tailwind.config.ts
+++ b/frontend/tailwind.config.ts
@@ -3,7 +3,11 @@ import type { Config } from "tailwindcss";
 export default {
 	content: ["./app/**/{**,.client,.server}/**/*.{js,jsx,ts,tsx}"],
 	theme: {
-		extend: {},
+		extend: {
+			fontSize: {
+				"10xl": "16rem",
+			},
+		},
 	},
 	plugins: [],
 } satisfies Config;
-- 
cgit v1.2.3-70-g09d2