From f96e52e4c9cf904583b4b59ce55bea5e98f83e5a Mon Sep 17 00:00:00 2001
From: JSR <pandajsr72@gmail.com>
Date: Fri, 20 Mar 2026 19:13:56 +0800
Subject: [PATCH] =?UTF-8?q?=E7=9C=8B=E6=9D=BF=E5=8C=BA=E5=9F=9F=E6=94=B9?=
 =?UTF-8?q?=E4=B8=BA=E5=85=A8=E9=AB=98=E6=97=A0=E6=BB=9A=E5=8A=A8=E5=B9=B6?=
 =?UTF-8?q?=E8=87=AA=E9=80=82=E5=BA=94=E5=89=A9=E4=BD=99=E7=A9=BA=E9=97=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/BoardManager.tsx | 39 ++++++++++++++++++++++-----------
 1 file changed, 26 insertions(+), 13 deletions(-)

diff --git a/src/components/BoardManager.tsx b/src/components/BoardManager.tsx
index 34d48d3..8b93dd6 100644
--- a/src/components/BoardManager.tsx
+++ b/src/components/BoardManager.tsx
@@ -955,7 +955,7 @@ ORDER BY reward_points DESC, score DESC`,
         }
       >
         {errorMap[list.id] && <Alert style={{ marginBottom: 12 }} type="error" message={errorMap[list.id]} showIcon />}
-        <div style={{ flex: 1, overflow: "auto" }}>{renderStudentView(list)}</div>
+        <div style={{ flex: 1, overflow: "hidden" }}>{renderStudentView(list)}</div>
       </Card>
     )
   }
@@ -1026,18 +1026,27 @@ ORDER BY reward_points DESC, score DESC`,
     if (!activeBoard) return <Empty description={t("common.noData")} />
 
     return (
-      <div style={{ height: "calc(100vh - 280px)", minHeight: 480 }}>
+      <div style={{ flex: 1, minHeight: 0, overflow: "hidden" }}>
         {renderLayoutNode(activeBoard, activeBoard.layout)}
       </div>
     )
   }
 
   return (
-    <div style={{ padding: 24 }}>
+    <div
+      style={{
+        padding: 24,
+        height: "100%",
+        display: "flex",
+        flexDirection: "column",
+        overflow: "hidden",
+        boxSizing: "border-box",
+      }}
+    >
       {contextHolder}
-      <Space direction="vertical" size={16} style={{ width: "100%" }}>
-        <Space style={{ width: "100%", justifyContent: "space-between" }}>
-          <Space align="center">
+      <div style={{ display: "flex", flexDirection: "column", gap: 16, width: "100%", minHeight: 0, flex: 1 }}>
+        <div style={{ display: "flex", width: "100%", justifyContent: "space-between", alignItems: "center" }}>
+          <Space align="center" size={8}>
             <Typography.Title level={2} style={{ margin: 0, color: "var(--ss-text-main)" }}>
               {t("board.title")}
             </Typography.Title>
@@ -1077,27 +1086,31 @@ ORDER BY reward_points DESC, score DESC`,
               {t("board.addBoard")}
             </Button>
           </Space>
-        </Space>
+        </div>
 
         <Tabs
           type="card"
           activeKey={activeBoardId}
           onChange={setActiveBoardId}
           items={boards.map((board) => ({ key: board.id, label: board.name }))}
+          style={{ marginBottom: 0 }}
         />
 
         {activeBoard ? (
-          <Space direction="vertical" size={16} style={{ width: "100%" }}>
-            {saving && <Typography.Text type="secondary">{t("board.saving")}</Typography.Text>}
-
+          <div style={{ width: "100%", minHeight: 0, flex: 1, display: "flex", flexDirection: "column", gap: 8 }}>
+            {saving && (
+              <Typography.Text type="secondary" style={{ flexShrink: 0 }}>
+                {t("board.saving")}
+              </Typography.Text>
+            )}
             {renderBoardWorkspace()}
-          </Space>
+          </div>
         ) : (
-          <Card>
+          <Card style={{ flex: 1 }}>
             <Empty description={t("common.noData")} />
           </Card>
         )}
-      </Space>
+      </div>
 
       <Modal
         title={t("board.renameBoard")}