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 {