From 7d387bf868e2470e8010b5f8d1563da56b5a8b3d Mon Sep 17 00:00:00 2001
From: nsfisis <nsfisis@gmail.com>
Date: Thu, 20 Mar 2025 20:58:39 +0900
Subject: refactor(frontend): TwoColumnLayout/ThreeColumnLayout

---
 .../app/components/GolfWatchApps/GolfWatchAppGamingMultiplayer.tsx   | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

(limited to 'frontend/app/components/GolfWatchApps/GolfWatchAppGamingMultiplayer.tsx')

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>
 	);
 }
-- 
cgit v1.3.1

