diff options
| -rw-r--r-- | frontend/app/components/GolfWatchApps/GolfWatchAppStarting.tsx | 6 | ||||
| -rw-r--r-- | frontend/tailwind.config.ts | 6 |
2 files changed, 7 insertions, 5 deletions
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; |