fix(code): keep editor footer visible during resize

This commit is contained in:
cfngc4594 2026-05-29 10:41:58 +08:00
parent 6324cc9aa6
commit ed547d4f97
2 changed files with 8 additions and 3 deletions

View File

@ -41,6 +41,7 @@ export const ProblemEditor = ({
language={language} language={language}
value={value} value={value}
path={path} path={path}
className="h-full"
languageServerConfigs={languageServerConfigs} languageServerConfigs={languageServerConfigs}
onEditorReady={setEditor} onEditorReady={setEditor}
onLspWebSocketReady={setLspWebSocket} onLspWebSocketReady={setLspWebSocket}
@ -55,6 +56,7 @@ export const ProblemEditor = ({
language={language} language={language}
original={value} original={value}
modified={optimizedCode} modified={optimizedCode}
className="h-full"
onEditorReady={setDiffEditor} onEditorReady={setDiffEditor}
/> />
) : ( ) : (
@ -62,6 +64,7 @@ export const ProblemEditor = ({
language={language} language={language}
value={value} value={value}
path={path} path={path}
className="h-full"
languageServerConfigs={languageServerConfigs} languageServerConfigs={languageServerConfigs}
onEditorReady={setEditor} onEditorReady={setEditor}
onLspWebSocketReady={setLspWebSocket} onLspWebSocketReady={setLspWebSocket}

View File

@ -16,9 +16,11 @@ export const CodePanel = ({ problemId }: CodePanelProps) => {
<PanelLayout isScroll={false}> <PanelLayout isScroll={false}>
<div className="h-full flex flex-col"> <div className="h-full flex flex-col">
<CodeToolbar className="border-b" /> <CodeToolbar className="border-b" />
<Suspense fallback={<CodeContentSkeleton />}> <div className="min-h-0 flex-1">
<CodeContent problemId={problemId} /> <Suspense fallback={<CodeContentSkeleton />}>
</Suspense> <CodeContent problemId={problemId} />
</Suspense>
</div>
<CodeFooter /> <CodeFooter />
</div> </div>
</PanelLayout> </PanelLayout>