From 483077daf0629894f0761a30801d859155e5834d Mon Sep 17 00:00:00 2001
From: Paul Pan <i@0x7f.app>
Date: Sat, 23 Dec 2023 20:19:27 +0800
Subject: [PATCH] feat: flex layout on Row/Col

---
 src/pages/details.tsx | 4 ++--
 src/pages/problem.tsx | 4 ++--
 src/pages/profile.tsx | 4 ++--
 src/pages/status.tsx  | 4 ++--
 src/pages/submit.tsx  | 4 ++--
 5 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/pages/details.tsx b/src/pages/details.tsx
index 4a71d39..c8cd836 100644
--- a/src/pages/details.tsx
+++ b/src/pages/details.tsx
@@ -132,8 +132,8 @@ export default function DetailsPage() {
     return (
         <>
             <Row justify="center" align="top" gutter={[16, 16]}>
-                <Col span={18}>{body}</Col>
-                <Col span={6}>{details && <ProblemDetails details={details} />}</Col>
+                <Col flex={6}>{body}</Col>
+                <Col flex={1}>{details && <ProblemDetails details={details} />}</Col>
             </Row>
         </>
     );
diff --git a/src/pages/problem.tsx b/src/pages/problem.tsx
index 82865a9..6c468f6 100644
--- a/src/pages/problem.tsx
+++ b/src/pages/problem.tsx
@@ -32,8 +32,8 @@ export default function ProblemPage() {
     return (
         <>
             <Row justify="center" align="top" gutter={[16, 16]}>
-                <Col span={18}>{ProblemStatement}</Col>
-                <Col span={6}>{MiscPanel}</Col>
+                <Col flex={5}>{ProblemStatement}</Col>
+                <Col flex={1}>{MiscPanel}</Col>
             </Row>
         </>
     );
diff --git a/src/pages/profile.tsx b/src/pages/profile.tsx
index d8dd466..a43e5d7 100644
--- a/src/pages/profile.tsx
+++ b/src/pages/profile.tsx
@@ -13,10 +13,10 @@ export default function ProfilePage() {
     return (
         <>
             <Row justify="center" align="top" gutter={[16, 16]}>
-                <Col span={18}>
+                <Col flex={6}>
                     <StatusTable uid={id_num} token={auth.token} />
                 </Col>
-                <Col span={6}>
+                <Col flex={1}>
                     <UserInfo uid={id_num} token={auth.token} />
                 </Col>
             </Row>
diff --git a/src/pages/status.tsx b/src/pages/status.tsx
index 4f8155c..9a58bce 100644
--- a/src/pages/status.tsx
+++ b/src/pages/status.tsx
@@ -13,11 +13,11 @@ export default function ProblemStatusPage() {
     return (
         <>
             <Row justify="center" align="top" gutter={[16, 16]}>
-                <Col span={18}>
+                <Col flex={6}>
                     {" "}
                     <StatusTable pid={+(id || "0")} token={auth.token} />
                 </Col>
-                <Col span={6}>
+                <Col flex={1}>
                     <ProblemDetails details={details} />
                 </Col>
             </Row>
diff --git a/src/pages/submit.tsx b/src/pages/submit.tsx
index 1df0ea4..f82766e 100644
--- a/src/pages/submit.tsx
+++ b/src/pages/submit.tsx
@@ -74,8 +74,8 @@ export default function SubmitPage() {
         <>
             {msgContextHolder}
             <Row justify="center" align="top" gutter={[16, 16]}>
-                <Col span={18}>{codeEditor}</Col>
-                <Col span={6}>{MiscPanel}</Col>
+                <Col flex={6}>{codeEditor}</Col>
+                <Col flex={1}>{MiscPanel}</Col>
             </Row>
         </>
     );