统一自定义画风输入框样式

自定义画风复用主提示词输入样式与占位对齐
删除重复的场景输入框视觉覆盖
This commit is contained in:
2026-08-05 15:12:09 +08:00
parent 3b7f64f118
commit 28f8262a99
3 changed files with 4 additions and 14 deletions
@@ -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
@@ -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');
});
-13
View File
@@ -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 {