统一自定义画风输入框样式
自定义画风复用主提示词输入样式与占位对齐 删除重复的场景输入框视觉覆盖
This commit is contained in:
@@ -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');
|
||||
});
|
||||
|
||||
|
||||
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user