修复 UI 编辑器全高布局

移除预览底部重复的前置检查按钮

让编辑器三列容器和空预览区域填满可用高度
This commit is contained in:
2026-08-18 12:15:08 +08:00
parent df22763b26
commit 6df1639bb7
4 changed files with 7 additions and 14 deletions
@@ -25,7 +25,7 @@ export function InputSidebar({
} = controller;
return (
<aside className="min-h-0 overflow-y-auto border-r border-(--platform-subpanel-border) bg-(--platform-subpanel-fill) p-3">
<aside className="h-full min-h-0 overflow-y-auto border-r border-(--platform-subpanel-border) bg-(--platform-subpanel-fill) p-3">
<div className="mb-3 grid gap-2">
<button
type="button"
@@ -149,7 +149,7 @@ export function InspectorSidebar({
}
return (
<aside className="flex min-h-0 flex-col overflow-y-auto border-l border-(--platform-subpanel-border) bg-(--platform-subpanel-fill) p-4">
<aside className="flex h-full min-h-0 flex-col overflow-y-auto border-l border-(--platform-subpanel-border) bg-(--platform-subpanel-fill) p-4">
<div className="flex items-center gap-2">
<Boxes size={15} />
<h2 className="m-0 text-sm font-semibold">
@@ -12,7 +12,7 @@ import {
CanvasWorld,
ZoomControls,
} from '@genarrative/image-canvas-react';
import { Image as ImageIcon, Minus, Plus, ScanSearch } from 'lucide-react';
import { Image as ImageIcon, Minus, Plus } from 'lucide-react';
import {
type PointerEvent as ReactPointerEvent,
useCallback,
@@ -270,7 +270,7 @@ export function PreviewWorkspace({
};
return (
<section className="flex min-h-0 min-w-0 flex-col overflow-hidden bg-(--platform-body-fill)">
<section className="flex h-full min-h-0 min-w-0 flex-col overflow-hidden bg-(--platform-body-fill)">
<header className="flex h-12 shrink-0 items-center justify-between border-b border-(--platform-subpanel-border) px-4">
<h1 className="m-0 text-sm font-semibold">UI布局编辑器</h1>
<div className="flex items-center gap-3">
@@ -406,7 +406,7 @@ export function PreviewWorkspace({
</ZoomControls>
</div>
) : (
<div className="grid min-h-0 flex-1 place-items-center overflow-auto p-8">
<div className="grid h-full min-h-0 flex-1 place-items-center overflow-auto p-8">
<div className="w-full max-w-xl rounded-2xl border border-dashed border-(--platform-subpanel-border) bg-white/35 p-10 text-center">
<ImageIcon
size={30}
@@ -435,13 +435,6 @@ export function PreviewWorkspace({
>
</button>
<button
type="button"
className="inline-flex items-center gap-1.5 rounded-lg bg-orange-500 px-3 py-2 text-xs font-semibold text-white"
onClick={controller.checkPrerequisites}
>
<ScanSearch size={14} />
</button>
</footer>
</section>
);
@@ -151,9 +151,9 @@ export default function UiEditorPage({
disabled={controller.isAiRunning}
onChange={controller.requestStepChange}
/>
<div className="grid min-h-0 flex-1 grid-cols-[300px_minmax(360px,1fr)_400px] overflow-hidden">
<div className="grid h-full min-h-0 flex-1 grid-cols-[300px_minmax(360px,1fr)_400px] overflow-hidden">
<InputSidebar controller={controller} />
<div className="flex min-h-0 min-w-0 flex-col">
<div className="flex h-full min-h-0 min-w-0 flex-col">
<WorkflowActionCard controller={controller} />
<PreviewWorkspace controller={controller} />
</div>