修复 UI 编辑器全高布局
移除预览底部重复的前置检查按钮 让编辑器三列容器和空预览区域填满可用高度
This commit is contained in:
@@ -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"
|
||||
|
||||
+1
-1
@@ -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">
|
||||
|
||||
+3
-10
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user