diff options
| author | nsfisis <nsfisis@gmail.com> | 2024-08-19 05:21:58 +0900 |
|---|---|---|
| committer | nsfisis <nsfisis@gmail.com> | 2024-08-19 05:35:24 +0900 |
| commit | 19fad1b969ac9b6c50b024a2c710e8f4fe792eb0 (patch) | |
| tree | 3fe237c1bee168eec088e125ba3877249aa09510 /frontend/app/components/GolfPlayApps/GolfPlayAppWaiting.tsx | |
| parent | 6031c81f5394acf315b277302a7fd18ea288b506 (diff) | |
| download | iosdc-japan-2024-albatross-19fad1b969ac9b6c50b024a2c710e8f4fe792eb0.tar.gz iosdc-japan-2024-albatross-19fad1b969ac9b6c50b024a2c710e8f4fe792eb0.tar.zst iosdc-japan-2024-albatross-19fad1b969ac9b6c50b024a2c710e8f4fe792eb0.zip | |
feat(frontend): improve play/watch pages styling
Diffstat (limited to 'frontend/app/components/GolfPlayApps/GolfPlayAppWaiting.tsx')
| -rw-r--r-- | frontend/app/components/GolfPlayApps/GolfPlayAppWaiting.tsx | 22 |
1 files changed, 18 insertions, 4 deletions
diff --git a/frontend/app/components/GolfPlayApps/GolfPlayAppWaiting.tsx b/frontend/app/components/GolfPlayApps/GolfPlayAppWaiting.tsx index a1da33e..bbef43e 100644 --- a/frontend/app/components/GolfPlayApps/GolfPlayAppWaiting.tsx +++ b/frontend/app/components/GolfPlayApps/GolfPlayAppWaiting.tsx @@ -1,9 +1,23 @@ -export default function GolfPlayAppWaiting() { +import { PlayerInfo } from "../../models/PlayerInfo"; +import PlayerProfile from "../PlayerProfile"; + +type Props = { + gameDisplayName: string; + playerInfo: Omit<PlayerInfo, "code">; +}; + +export default function GolfPlayAppWaiting({ + gameDisplayName, + playerInfo, +}: 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">Waiting...</h1> + <div className="min-h-screen bg-gray-100 flex flex-col font-bold text-center"> + <div className="text-white bg-iosdc-japan p-10"> + <div className="text-4xl">{gameDisplayName}</div> + </div> + <div className="grow grid mx-auto text-black"> + <PlayerProfile playerInfo={playerInfo} label="You" /> </div> </div> <style> |