From 6edd8b1e8b07b03fb26d03581e523bd937864a2a Mon Sep 17 00:00:00 2001
From: libiao320-cmd <libiao320@gmail.com>
Date: Fri, 11 Sep 2026 12:18:58 +0000
Subject: [PATCH] =?UTF-8?q?fix(canvas):=20=E6=89=93=E5=85=89=E6=95=88?=
 =?UTF-8?q?=E6=9E=9C=20-=20=E4=BF=AE=E5=A4=8D=E9=A2=84=E8=AE=BE=E6=96=87?=
 =?UTF-8?q?=E5=AD=97=E9=87=8D=E5=8F=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/canvas/canvas-node-lighting-dialog.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/components/canvas/canvas-node-lighting-dialog.tsx b/web/src/components/canvas/canvas-node-lighting-dialog.tsx
index 401d0a278..0b6c80aeb 100644
--- a/web/src/components/canvas/canvas-node-lighting-dialog.tsx
+++ b/web/src/components/canvas/canvas-node-lighting-dialog.tsx
@@ -301,14 +301,14 @@ export function CanvasNodeLightingPanel({ dataUrl, onClose, onConfirm }: { dataU
                     style={{ borderColor: theme.toolbar.border, background: theme.toolbar.itemHover, color: theme.node.text, opacity: options.smartMode ? 1 : 0.55 }}
                 />
                 <span className="text-[var(--fs-tiny)] font-medium" style={{ color: theme.node.muted }}>预设</span>
-                <div className="grid grid-cols-4 gap-1.5">
+                <div className="grid shrink-0 auto-rows-[60px] grid-cols-2 gap-1.5">
                     {STYLE_PRESETS.map((preset) => (
                         <button
                             key={preset.id}
                             type="button"
                             aria-pressed={options.stylePreset === preset.id}
                             onClick={() => updateOption("stylePreset", options.stylePreset === preset.id ? "" : preset.id)}
-                            className={`relative h-[60px] overflow-hidden rounded-[var(--r-lg)] text-left transition-[box-shadow,filter,border-color,background-color] duration-150 ${options.stylePreset === preset.id ? "ring-2 ring-white/60 shadow-[0_0_0_1px_rgba(255,255,255,0.15)]" : "hover:ring-1 hover:ring-white/30"}`}
+                            className={`relative h-full min-h-0 overflow-hidden rounded-[var(--r-lg)] text-left transition-[box-shadow,filter,border-color,background-color] duration-150 ${options.stylePreset === preset.id ? "ring-2 ring-white/60 shadow-[0_0_0_1px_rgba(255,255,255,0.15)]" : "hover:ring-1 hover:ring-white/30"}`}
                             style={{
                                 backgroundImage: `linear-gradient(to top, rgba(0,0,0,0.78), rgba(0,0,0,0.08)), url(${preset.image})`,
                                 backgroundSize: "cover",