From a89864e70e0ef1c712852ea1e680338129425826 Mon Sep 17 00:00:00 2001
From: fly6516 <fly6516@outlook.com>
Date: Fri, 16 May 2025 10:10:53 +0800
Subject: [PATCH] =?UTF-8?q?refactor(app):=20=E4=BC=98=E5=8C=96=20AI?=
 =?UTF-8?q?=E7=BC=96=E8=BE=91=E5=99=A8=E6=B5=8B=E8=AF=95=E9=A1=B5=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 使用 flex 布局实现页面高度自适应
- 将测试用例展示区域高度设置为屏幕高度的 1/3
- DiffEditor 容器占据剩余的 2/3 屏幕高度
---
 src/app/(app)/test/page.tsx | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/app/(app)/test/page.tsx b/src/app/(app)/test/page.tsx
index 3ecf074..4a2045b 100644
--- a/src/app/(app)/test/page.tsx
+++ b/src/app/(app)/test/page.tsx
@@ -18,22 +18,22 @@ export default function TestAiEditorPage() {
     };
 
     return (
-        <div className="container mx-auto p-4">
-            <h1 className="text-2xl font-bold mb-4">AI 编辑器测试页</h1>
-            
-            {/* 测试用例展示 */}
-            <div className="mb-6">
+        <div className="flex flex-col h-screen mx-auto p-4">
+            {/* 测试用例展示区域 - 固定高度1/3 */}
+            <div className="mb-6 h-1/3">
                 <h2 className="text-xl font-semibold mb-2">测试用例</h2>
                 <pre className="bg-muted p-4 rounded-md overflow-x-auto">
                     {testInput.code}
                 </pre>
             </div>
 
-            {/* 测试组件 */}
-            <AIProblemEditor 
-                initialCode={testInput.code}
-                problemId={testInput.problemId}
-            />
+            {/* DiffEditor容器 - 占据剩余2/3高度 */}
+            <div className="flex-grow">
+                <AIProblemEditor 
+                    initialCode={testInput.code}
+                    problemId={testInput.problemId}
+                />
+            </div>
         </div>
     );
 }
\ No newline at end of file