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

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

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

diff --git a/frontend/app/components/GolfWatchApps/GolfWatchAppGaming1v1.tsx b/frontend/app/components/GolfWatchApps/GolfWatchAppGaming1v1.tsx
index 8e2b565..081212e 100644
--- a/frontend/app/components/GolfWatchApps/GolfWatchAppGaming1v1.tsx
+++ b/frontend/app/components/GolfWatchApps/GolfWatchAppGaming1v1.tsx
@@ -9,6 +9,7 @@ import LeftTime from "../Gaming/LeftTime";
 import Problem from "../Gaming/Problem";
 import ScoreBar from "../Gaming/ScoreBar";
 import SubmitResult from "../Gaming/SubmitResult";
+import ThreeColumnLayout from "../ThreeColumnLayout";
 import UserIcon from "../UserIcon";
 
 type Props = {
@@ -106,7 +107,7 @@ export default function GolfWatchAppGaming1v1({
 				bgA="bg-orange-400"
 				bgB="bg-purple-400"
 			/>
-			<div className="grow grid grid-cols-3 p-4 gap-4">
+			<ThreeColumnLayout>
 				<CodeBlock code={codeA} language="php" />
 				<div className="flex flex-col gap-4">
 					<div className="grid grid-cols-2 gap-4">
@@ -120,7 +121,7 @@ export default function GolfWatchAppGaming1v1({
 					/>
 				</div>
 				<CodeBlock code={codeB} language="php" />
-			</div>
+			</ThreeColumnLayout>
 		</div>
 	);
 }
-- 
cgit v1.2.3-70-g09d2