fix: 平台套图/新建商品 YYX 第二轮(清单4 未完成项)
平台套图: - 商品列表无真封面时回退 mock 图(与商品库一致显图) - 商品分类去掉前缀「//」 - 左侧商品栏可折叠(收起只剩商品图) - 结果搜索框加 × 清空 + 平台筛选悬浮弹窗(可清空) - 结果卡精简:去容器/引号/平台/小标题,提示词可折叠展开、张数灰色 - 删悬浮「更多」里重复的加入资产库入口 - 去掉加入资产库后的中央遮罩,只保留左上角已入库标签 - 重跑/单图再生成的新批次置底并自动滚动到底 新建商品抽屉: - 上传失败:黑色遮罩 + 感叹号 + 提示 + 重新上传胶囊 - 填了内容中途退出:二次确认(复用 ConfirmModal) Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -632,6 +632,83 @@
|
||||
/* 胶囊在框底 → 下拉菜单向上弹,避免被框/CTA 遮住 */
|
||||
.image-workbench .iw-model-pill .chip-menu { top: auto; bottom: calc(100% + 4px); }
|
||||
|
||||
/* ── YYX#17:左侧商品栏折叠 ── */
|
||||
.image-workbench .iw-side-top .iw-side-collapse {
|
||||
margin-left: auto;
|
||||
width: 28px; height: 28px;
|
||||
display: grid; place-items: center;
|
||||
border: 1px solid var(--border-faint); border-radius: var(--r-md);
|
||||
background: var(--surface); color: var(--black-alpha-48); cursor: pointer;
|
||||
transition: background var(--t-base), color var(--t-base), border-color var(--t-base);
|
||||
}
|
||||
.image-workbench .iw-side-top .iw-side-collapse:hover { background: var(--heat-12); color: var(--heat); border-color: var(--heat-20); }
|
||||
/* 收起后整列变窄,只剩商品图 */
|
||||
.image-workbench .iw-layout:has(.iw-prod-space.collapsed) { grid-template-columns: 76px minmax(0, 1fr); }
|
||||
.image-workbench .iw-prod-space.collapsed .back-pill,
|
||||
.image-workbench .iw-prod-space.collapsed .iw-ps-search,
|
||||
.image-workbench .iw-prod-space.collapsed .iw-list-h,
|
||||
.image-workbench .iw-prod-space.collapsed .iw-prod-item .body { display: none; }
|
||||
.image-workbench .iw-prod-space.collapsed .iw-side-top { justify-content: center; padding: 12px 0 10px; }
|
||||
.image-workbench .iw-prod-space.collapsed .iw-side-top .iw-side-collapse { margin-left: 0; }
|
||||
.image-workbench .iw-prod-space.collapsed .iw-ps-list { padding-left: 0; padding-right: 0; align-items: center; }
|
||||
.image-workbench .iw-prod-space.collapsed .iw-prod-item { justify-content: center; padding: 4px; }
|
||||
|
||||
/* ── YYX#12:结果搜索框 × 清空 + 平台筛选弹窗 ── */
|
||||
.image-workbench .iw-search-box { position: relative; display: inline-flex; align-items: center; margin-right: 6px; }
|
||||
.image-workbench .iw-search-box .input { height: 30px; width: 150px; padding-right: 26px; }
|
||||
.image-workbench .iw-search-clear {
|
||||
position: absolute; right: 6px;
|
||||
width: 16px; height: 16px; display: grid; place-items: center;
|
||||
border: 0; border-radius: 50%; background: var(--black-alpha-12); color: var(--accent-black);
|
||||
cursor: pointer;
|
||||
}
|
||||
.image-workbench .iw-search-clear:hover { background: var(--black-alpha-24); }
|
||||
.image-workbench .iw-filter-wrap { position: relative; }
|
||||
.image-workbench .iw-filter-wrap .search-btn { position: relative; }
|
||||
.image-workbench .iw-filter-count {
|
||||
position: absolute; top: -4px; right: -4px;
|
||||
min-width: 14px; height: 14px; padding: 0 3px;
|
||||
display: grid; place-items: center;
|
||||
background: var(--heat); color: var(--accent-white);
|
||||
font-family: var(--font-mono); font-size: 10px; line-height: 1; border-radius: 999px;
|
||||
}
|
||||
.image-workbench .iw-filter-menu { width: 244px; padding: 10px; }
|
||||
.image-workbench .iw-filter-h { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
|
||||
.image-workbench .iw-filter-h .mono { font-family: var(--font-mono); font-size: 12px; color: var(--black-alpha-48); }
|
||||
.image-workbench .iw-filter-clear {
|
||||
border: 0; background: none; cursor: pointer;
|
||||
font-size: 12px; color: var(--heat);
|
||||
}
|
||||
.image-workbench .iw-filter-clear:disabled { color: var(--black-alpha-24); cursor: default; }
|
||||
.image-workbench .iw-filter-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
|
||||
.image-workbench .iw-filter-opt {
|
||||
display: flex; align-items: center; gap: 6px;
|
||||
padding: 6px 8px; border: 1px solid var(--border-faint); border-radius: var(--r-md);
|
||||
background: var(--background-lighter); cursor: pointer; font-family: inherit;
|
||||
}
|
||||
.image-workbench .iw-filter-opt:hover { background: var(--surface); }
|
||||
.image-workbench .iw-filter-opt.on { border-color: var(--heat); background: var(--heat-12); }
|
||||
.image-workbench .iw-filter-opt .p-logo { width: 20px; height: 20px; border-radius: 5px; font-size: 11px; }
|
||||
.image-workbench .iw-filter-opt .nm { font-size: 12px; color: var(--accent-black); flex: 1; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
|
||||
.image-workbench .iw-filter-opt .ck { color: var(--heat); opacity: 0; flex-shrink: 0; }
|
||||
.image-workbench .iw-filter-opt.on .ck { opacity: 1; }
|
||||
|
||||
/* ── YYX#18:结果卡精简头部(提示词折叠 + 灰色张数,无容器/引号/标题)── */
|
||||
.image-workbench .iw-batch-head { padding: 2px 2px 0; margin-bottom: 8px; }
|
||||
.image-workbench .iw-batch-head .ibh-prompt {
|
||||
font-size: 13px; color: var(--accent-black); line-height: 1.6;
|
||||
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
|
||||
}
|
||||
.image-workbench .iw-batch-head .ibh-prompt.expanded { white-space: normal; }
|
||||
.image-workbench .iw-batch-head .ibh-toggle {
|
||||
border: 0; background: none; padding: 2px 0; cursor: pointer;
|
||||
font-size: 12px; color: var(--heat);
|
||||
}
|
||||
.image-workbench .iw-batch-head .ibh-count {
|
||||
margin-top: 2px;
|
||||
font-family: var(--font-mono); font-size: 12px; color: var(--black-alpha-48);
|
||||
}
|
||||
|
||||
/* 左栏底部 · 立即生成(主 CTA · 通栏) */
|
||||
.image-workbench .iw-cta { margin-top: auto; padding-top: 14px; }
|
||||
.image-workbench .iw-cta .btn {
|
||||
|
||||
Reference in New Issue
Block a user