fix: 测试清单遗留bug批量修复(15条:商品库/消费/团队/设置/消息中心/平台套图/资产库)
- R6 商品图删除不生效: 封面asset移交+绕开prefetch缓存, 前端封面缩图补删除入口 - R48 消息中心长文本与UI框错位: 胶囊单行省略+优先级标签禁压缩 - R70 账单流水筛选: 后端加ledger_type过滤, count随筛选变化, 切筛选重置页码 - R72 月限额改后不刷新: 团队页/消费页自取最新teamSettings, 两页同源 - R83/R86 平台套图提示词框加大+模型胶囊嵌入输入框(复用Pill组件) - R96 未读角标: 修KeyTextTransform注解过滤触发MySQL 3141致接口500 - R100 工作台记录丢失: 新增GET /api/ai/tasks/workbench/ 同源恢复, 废除localStorage方案 - R104 卖点添加按钮移出输入框, 新建抽屉+编辑态统一 - R106 商品库宽屏锁5列, 10个/页铺满两行 - R108 资产删除改软删+单张删除+回收站二次确认; trash页商品/资产双分区+restore/purge端点 - R109 生成图自动入资产库(person演员立绘除外), 迁移0008存量回填, 移除全部加入资产库入口 - R65 无需改动(22268d6已修, 测旧部署所致) 验证: tsc/build/check/makemigrations --check 通过, 后端测试210/210, perf-probe PASS Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
@@ -633,21 +633,39 @@
|
||||
.image-workbench .cg-logo.has-img { background: var(--surface); overflow: hidden; }
|
||||
.image-workbench .p-logo-img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; display: block; }
|
||||
|
||||
/* ── 提示词框(YYX#7 加大)+ 框内生图模型胶囊(YYX#10 靠左置底)── */
|
||||
.image-workbench .iw-prompt-box { position: relative; }
|
||||
/* ── 提示词框(YYX#7/R83 加大)+ 框内生图模型胶囊(YYX#10/R86 靠左置底)──
|
||||
外层 .iw-prompt-box 即视觉上的「输入框」(复用 §4.3 输入族 default/hover/focus 三态),
|
||||
内部 = 无边框 textarea(4-5 行起步,随内容自动增高,可手动拉伸)+ 底部工具条。
|
||||
胶囊复用 chat 输入栏 .ic-param(r-pill 真胶囊 · 菜单向上弹),不再绝对定位盖在文字上。 */
|
||||
.image-workbench .iw-prompt-box {
|
||||
background: var(--surface);
|
||||
border: 1px solid var(--black-alpha-12);
|
||||
border-radius: var(--r-md);
|
||||
display: flex; flex-direction: column;
|
||||
transition: border-color var(--t-base), box-shadow var(--t-base);
|
||||
}
|
||||
.image-workbench .iw-prompt-box:hover { border-color: var(--black-alpha-24); }
|
||||
.image-workbench .iw-prompt-box:focus-within {
|
||||
border-color: var(--heat-40);
|
||||
box-shadow: inset 0 0 0 1px var(--heat-40);
|
||||
}
|
||||
.image-workbench .iw-prompt-text {
|
||||
min-height: 148px; /* 原共享 .textarea 88px → 工作台提示词框加大 */
|
||||
padding-bottom: 42px; /* 给底部胶囊让位,文字不被遮 */
|
||||
width: 100%;
|
||||
border: 0; outline: 0;
|
||||
background: transparent;
|
||||
font-family: inherit; font-size: 14px; line-height: 1.6;
|
||||
color: var(--accent-black);
|
||||
padding: 12px 14px 4px;
|
||||
min-height: 124px; /* 原共享 .textarea 88px → 约 4-5 行起步 */
|
||||
max-height: 360px;
|
||||
resize: vertical; /* 允许手动拉伸(容器随之增高) */
|
||||
field-sizing: content; /* 支持的浏览器随内容在 min/max 间自动增高 */
|
||||
}
|
||||
.image-workbench .iw-prompt-text::placeholder { color: var(--black-alpha-48); }
|
||||
.image-workbench .iw-prompt-bar {
|
||||
position: absolute;
|
||||
left: 10px; bottom: 10px;
|
||||
display: flex; align-items: center;
|
||||
display: flex; align-items: center; gap: 8px;
|
||||
padding: 6px 12px 10px;
|
||||
}
|
||||
.image-workbench .iw-model-pill { position: relative; }
|
||||
.image-workbench .iw-model-pill .chip { height: 26px; }
|
||||
/* 胶囊在框底 → 下拉菜单向上弹,避免被框/CTA 遮住 */
|
||||
.image-workbench .iw-model-pill .chip-menu { top: auto; bottom: calc(100% + 4px); }
|
||||
|
||||
/* ── YYX#17:左侧商品栏折叠 —— 复用导航栏(app-shell .sidebar-toggle)同款视觉/交互 ──
|
||||
贴商品栏右边缘的竖条按钮:平时隐形(chevron opacity 0),hover 才浮现 chevron + 浅底,
|
||||
@@ -941,22 +959,10 @@
|
||||
.image-workbench .gen-image-feedback svg { width: 20px; height: 20px; }
|
||||
.image-workbench .gen-image-feedback span { font-size: 12px; font-weight: 500; letter-spacing: .02em; }
|
||||
|
||||
/* §4.18 ③ 左上「已采用」绿角标(批次 adopted 常驻 · forest token) */
|
||||
.image-workbench .gen-adopt-badge {
|
||||
position: absolute; top: 8px; left: 8px;
|
||||
display: inline-flex; align-items: center; gap: 4px;
|
||||
height: 22px; padding: 0 8px 0 6px;
|
||||
background: var(--accent-forest);
|
||||
color: var(--accent-white);
|
||||
font-family: var(--font-mono); font-size: 11px; font-weight: 600;
|
||||
letter-spacing: .02em;
|
||||
border-radius: var(--r-pill);
|
||||
z-index: 3;
|
||||
}
|
||||
.image-workbench .gen-adopt-badge svg { width: 11px; height: 11px; }
|
||||
/* R109:成图自动入资产库 —— 「已入库」绿角标 / 单图加入按钮已随功能移除 */
|
||||
|
||||
/* row38:任务中心批次弹窗(createPortal 到 body,不在 .image-workbench 作用域内)——
|
||||
自带一份 gen 网格 + 入库徽标/单图加入按钮样式,复用主工作台视觉。 */
|
||||
自带一份 gen 网格样式,复用主工作台视觉。 */
|
||||
.modal .gen-images {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(var(--cols, 4), 1fr);
|
||||
@@ -973,31 +979,6 @@
|
||||
}
|
||||
.modal .gen-image-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
|
||||
.modal .gen-image .placeholder { position: absolute; inset: 0; display: grid; place-items: center; }
|
||||
.modal .gen-image.adopted { outline: 2px solid var(--accent-forest); outline-offset: -2px; }
|
||||
.modal .gen-adopt-badge {
|
||||
position: absolute; top: 8px; left: 8px;
|
||||
display: inline-flex; align-items: center; gap: 4px;
|
||||
height: 22px; padding: 0 8px 0 6px;
|
||||
background: var(--accent-forest); color: var(--accent-white);
|
||||
font-family: var(--font-mono); font-size: 11px; font-weight: 600; letter-spacing: .02em;
|
||||
border-radius: var(--r-pill); z-index: 3;
|
||||
}
|
||||
.modal .gen-adopt-badge svg { width: 11px; height: 11px; }
|
||||
/* 单图「加入资产库 / 取消」按钮:右下角悬浮,hover 出现;已入库态常驻橙 */
|
||||
.tc-lib-btn {
|
||||
position: absolute; right: 8px; bottom: 8px; z-index: 3;
|
||||
display: inline-flex; align-items: center; gap: 4px;
|
||||
height: 26px; padding: 0 10px;
|
||||
border: 0; border-radius: var(--r-pill);
|
||||
background: rgba(38, 38, 38, .82); color: var(--accent-white);
|
||||
font-size: 11px; font-weight: 500; letter-spacing: .02em;
|
||||
cursor: pointer; opacity: 0;
|
||||
transition: opacity var(--t-base), background var(--t-base);
|
||||
}
|
||||
.modal .gen-image:hover .tc-lib-btn { opacity: 1; }
|
||||
.tc-lib-btn.on { background: var(--heat); opacity: 1; }
|
||||
.tc-lib-btn:disabled { opacity: .5; cursor: not-allowed; }
|
||||
.tc-lib-btn svg { width: 13px; height: 13px; }
|
||||
|
||||
/* 底部操作按钮行(§4.18 .gen-card-actions · 二级 + ghost · 不放主橙) */
|
||||
.image-workbench .gen-card-actions {
|
||||
|
||||
Reference in New Issue
Block a user