diff options
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> ); } |