fix: 支持3D工作台侧栏参数区滚动
Some checks failed
Lint / build (20) (push) Has been cancelled
Playwright Tests / test (push) Has been cancelled

This commit is contained in:
Your Name 2026-02-28 22:41:50 +08:00
parent f6979f0196
commit 77324a79dc

View File

@ -987,7 +987,7 @@ export default function CanvasModel3DPage() {
const activePromptSummary = currentTask?.prompt?.trim() || "尚未创建任务";
return (
<div className="flex h-dvh w-full flex-col bg-background p-4">
<div className="flex h-dvh w-full flex-col overflow-y-auto bg-background p-4 xl:overflow-hidden">
<div className="mb-4 flex items-center justify-between gap-3">
<div className="flex items-center gap-2">
<Button variant="outline" size="icon" onClick={() => router.push(`/canvas/${id}`)}>
@ -1010,13 +1010,13 @@ export default function CanvasModel3DPage() {
</div>
</div>
<div className="grid min-h-0 flex-1 grid-cols-1 gap-4 xl:grid-cols-[340px_minmax(0,1fr)_340px]">
<Card className="min-h-0">
<div className="grid flex-1 grid-cols-1 gap-4 pb-4 xl:min-h-0 xl:grid-cols-[340px_minmax(0,1fr)_340px] xl:pb-0">
<Card className="min-h-0 xl:flex xl:flex-col">
<CardHeader className="pb-3">
<CardTitle className="text-base">生成参数</CardTitle>
<CardDescription>补齐多视图与高级参数</CardDescription>
</CardHeader>
<CardContent className="space-y-4 overflow-y-auto">
<CardContent className="space-y-4 overflow-y-auto xl:min-h-0 xl:flex-1">
<div className="grid grid-cols-3 gap-1 rounded-lg border bg-muted/30 p-1">
<Button
variant={mode === "text" ? "default" : "ghost"}
@ -1305,7 +1305,7 @@ export default function CanvasModel3DPage() {
</CardContent>
</Card>
<Card className="min-h-0">
<Card className="min-h-0 xl:flex xl:flex-col">
<CardHeader className="pb-2">
<CardTitle className="flex items-center gap-2 text-base">
<Box className="h-4 w-4" />
@ -1677,7 +1677,7 @@ export default function CanvasModel3DPage() {
</CardContent>
</Card>
<Card className="min-h-0">
<Card className="min-h-0 xl:flex xl:flex-col">
<CardHeader className="pb-2">
<CardTitle className="text-base">任务 / 层级 / 属性</CardTitle>
<CardDescription>{activePromptSummary}</CardDescription>