From 28f8262a99ec1e0d63f5f828e32cbc2fdcb7f276 Mon Sep 17 00:00:00 2001 From: suzmii Date: Wed, 5 Aug 2026 15:12:09 +0800 Subject: [PATCH] =?UTF-8?q?=E7=BB=9F=E4=B8=80=E8=87=AA=E5=AE=9A=E4=B9=89?= =?UTF-8?q?=E7=94=BB=E9=A3=8E=E8=BE=93=E5=85=A5=E6=A1=86=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 自定义画风复用主提示词输入样式与占位对齐 删除重复的场景输入框视觉覆盖 --- .../ImageCanvasBasicGenerationComposerView.tsx | 2 +- .../ImageCanvasGenerationComposerView.test.tsx | 3 +++ src/index.css | 13 ------------- 3 files changed, 4 insertions(+), 14 deletions(-) diff --git a/src/components/image-editor/ImageCanvasBasicGenerationComposerView.tsx b/src/components/image-editor/ImageCanvasBasicGenerationComposerView.tsx index d2255e2b5..8abd6a34a 100644 --- a/src/components/image-editor/ImageCanvasBasicGenerationComposerView.tsx +++ b/src/components/image-editor/ImageCanvasBasicGenerationComposerView.tsx @@ -274,7 +274,7 @@ export function ImageCanvasBasicGenerationComposerView({ value={dialog.sceneCustomStyle ?? ''} disabled={dialog.status === 'generating'} placeholder="填写自定义画风,例如:90 年代复古像素风" - className="image-canvas-editor__scene-custom-style" + className={`${promptClassName} image-canvas-editor__scene-custom-style`} onChange={(event) => setGenerateDialog((currentDialog) => currentDialog diff --git a/src/components/image-editor/ImageCanvasGenerationComposerView.test.tsx b/src/components/image-editor/ImageCanvasGenerationComposerView.test.tsx index 82424a46b..5cee9f03c 100644 --- a/src/components/image-editor/ImageCanvasGenerationComposerView.test.tsx +++ b/src/components/image-editor/ImageCanvasGenerationComposerView.test.tsx @@ -210,6 +210,9 @@ describe('ImageCanvasGenerationComposerView', () => { }); expect(customStyle.tagName).toBe('TEXTAREA'); expect(customStyle.className).toContain('auto-grow-text-area'); + expect(customStyle.className).toContain( + 'image-canvas-editor__generation-prompt', + ); expect(customStyle.className).not.toContain('platform-text-field'); }); diff --git a/src/index.css b/src/index.css index 90ef84928..ecf04d14c 100644 --- a/src/index.css +++ b/src/index.css @@ -16814,19 +16814,6 @@ button { } .image-canvas-editor__scene-custom-style { grid-column: 1 / -1; - min-height: 2.4rem; - border: 1px solid rgba(15, 23, 42, 0.08); - border-radius: 0.85rem; - background: #f8fafc; - color: #0f172a; - font-size: 0.82rem; - font-weight: 680; -} - -.image-canvas-editor__scene-custom-style:focus { - border-color: var(--image-canvas-brand-border-strong); - background: #ffffff; - box-shadow: 0 0 0 3px var(--image-canvas-brand-focus-ring); } .image-canvas-editor__scene-style-anchor {