From ed547d4f9764d2a8d45833cb9a1ed15662bbcee1 Mon Sep 17 00:00:00 2001
From: cfngc4594 <cfngc4594@gmail.com>
Date: Fri, 29 May 2026 10:41:58 +0800
Subject: [PATCH] fix(code): keep editor footer visible during resize

---
 src/components/problem-editor.tsx               | 3 +++
 src/features/problems/code/components/panel.tsx | 8 +++++---
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/problem-editor.tsx b/src/components/problem-editor.tsx
index bf9dbae..4881421 100644
--- a/src/components/problem-editor.tsx
+++ b/src/components/problem-editor.tsx
@@ -41,6 +41,7 @@ export const ProblemEditor = ({
         language={language}
         value={value}
         path={path}
+        className="h-full"
         languageServerConfigs={languageServerConfigs}
         onEditorReady={setEditor}
         onLspWebSocketReady={setLspWebSocket}
@@ -55,6 +56,7 @@ export const ProblemEditor = ({
       language={language}
       original={value}
       modified={optimizedCode}
+      className="h-full"
       onEditorReady={setDiffEditor}
     />
   ) : (
@@ -62,6 +64,7 @@ export const ProblemEditor = ({
       language={language}
       value={value}
       path={path}
+      className="h-full"
       languageServerConfigs={languageServerConfigs}
       onEditorReady={setEditor}
       onLspWebSocketReady={setLspWebSocket}
diff --git a/src/features/problems/code/components/panel.tsx b/src/features/problems/code/components/panel.tsx
index 7c888b3..6e76d7d 100644
--- a/src/features/problems/code/components/panel.tsx
+++ b/src/features/problems/code/components/panel.tsx
@@ -16,9 +16,11 @@ export const CodePanel = ({ problemId }: CodePanelProps) => {
     <PanelLayout isScroll={false}>
       <div className="h-full flex flex-col">
         <CodeToolbar className="border-b" />
-        <Suspense fallback={<CodeContentSkeleton />}>
-          <CodeContent problemId={problemId} />
-        </Suspense>
+        <div className="min-h-0 flex-1">
+          <Suspense fallback={<CodeContentSkeleton />}>
+            <CodeContent problemId={problemId} />
+          </Suspense>
+        </div>
         <CodeFooter />
       </div>
     </PanelLayout>