diff options
| author | nsfisis <nsfisis@gmail.com> | 2025-03-20 20:58:39 +0900 |
|---|---|---|
| committer | nsfisis <nsfisis@gmail.com> | 2025-03-20 20:59:53 +0900 |
| commit | 7d387bf868e2470e8010b5f8d1563da56b5a8b3d (patch) | |
| tree | a8750ce003398522321f48438b599f007f51d168 /frontend/app/components/GolfWatchApps/GolfWatchAppGamingMultiplayer.tsx | |
| parent | 23315cc2e0c98510ffca5adf06a2152945e51756 (diff) | |
| download | phperkaigi-2025-albatross-7d387bf868e2470e8010b5f8d1563da56b5a8b3d.tar.gz phperkaigi-2025-albatross-7d387bf868e2470e8010b5f8d1563da56b5a8b3d.tar.zst phperkaigi-2025-albatross-7d387bf868e2470e8010b5f8d1563da56b5a8b3d.zip | |
refactor(frontend): TwoColumnLayout/ThreeColumnLayout
Diffstat (limited to 'frontend/app/components/GolfWatchApps/GolfWatchAppGamingMultiplayer.tsx')
| -rw-r--r-- | frontend/app/components/GolfWatchApps/GolfWatchAppGamingMultiplayer.tsx | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/frontend/app/components/GolfWatchApps/GolfWatchAppGamingMultiplayer.tsx b/frontend/app/components/GolfWatchApps/GolfWatchAppGamingMultiplayer.tsx index f3a377b..06a2376 100644 --- a/frontend/app/components/GolfWatchApps/GolfWatchAppGamingMultiplayer.tsx +++ b/frontend/app/components/GolfWatchApps/GolfWatchAppGamingMultiplayer.tsx @@ -4,6 +4,7 @@ import { gamingLeftTimeSecondsAtom } from "../../states/watch"; import LeftTime from "../Gaming/LeftTime"; import Problem from "../Gaming/Problem"; import RankingTable from "../Gaming/RankingTable"; +import TwoColumnLayout from "../TwoColumnLayout"; type RankingEntry = components["schemas"]["RankingEntry"]; @@ -34,7 +35,7 @@ export default function GolfWatchAppGamingMultiplayer({ </div> <div className="font-bold flex justify-between my-auto"></div> </div> - <div className="grow grid grid-cols-2 p-4 gap-4"> + <TwoColumnLayout> <Problem title={problemTitle} description={problemDescription} @@ -44,7 +45,7 @@ export default function GolfWatchAppGamingMultiplayer({ <div className="text-center text-xl font-bold">順位表</div> <RankingTable ranking={ranking} /> </div> - </div> + </TwoColumnLayout> </div> ); } |