azmat1127/yingqing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(base-assets): 资产详情还原 — 容器比例/提示词框固定/hover反白/缺三视图标签

Browse Source 
- F1 缺三视图标签:橙底白字 r-sm → 白底琥珀描边胶囊(对齐设计稿)
- F3 立绘容器 3/4 → 9/16(资产详情左 + 库 adx-lead-img)
- F4 库三视图格 adx-tri-cell 3/4 → 16/9(流水线详情本就 16/9)
- F6 资产详情提示词栏 .ad-detail-prompt 固定高度 88px + resize:none
- F2 人物提示词框 .asset-prompt-edit 固定 74px(≈三行)+ resize:none,studio rows 4→3
- F7 三视图上方 icon 按钮 hover:橙底+白 icon(原仅字色变橙)
- F5 资产详情「重跑立绘/替换」按钮行右对齐
- F8(商品块 vs 人物块统一)结构性差异,待用户指认,本轮挂起

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
seaislee1209
2026-06-20 19:00:18 +08:00
co-authored by Claude Opus 4.8
parent 8550d532ac
commit 2e880714b1
5 changed files with 16 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
core/frontend/src/library-page.css
+2 -2
View File
@@ -106,7 +106,7 @@ body.edit-mode .library-page .asset-card .card-del-btn { opacity: 0 !important;
/* 左:立绘 / 主图 */
.adx-lead { display: flex; flex-direction: column; gap: 10px; }
.adx-lead-wrap { position: relative; }
.adx-lead-img { aspect-ratio: 3 / 4; border-radius: var(--r-md); overflow: hidden; display: grid; place-items: center; background: var(--background-lighter); }
.adx-lead-img { aspect-ratio: 9 / 16; border-radius: var(--r-md); overflow: hidden; display: grid; place-items: center; background: var(--background-lighter); }
.asset-detail-modal.product-mode .adx-lead-img { aspect-ratio: 1; }
.adx-lead-img[role="button"] { cursor: zoom-in; }
.adx-lead-img img,
@@ -132,7 +132,7 @@ body.edit-mode .library-page .asset-card .card-del-btn { opacity: 0 !important;
.adx-ratio-chip { margin-left: auto; font-family: var(--font-mono); font-size: 12px; padding: 2px 8px; border-radius: var(--r-sm); background: var(--background-lighter); border: 1px solid var(--border-faint); color: var(--black-alpha-56); }
.adx-tri-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.adx-tri-cell { aspect-ratio: 3 / 4; border-radius: var(--r-md); overflow: hidden; border: 1px solid var(--border-faint); background: var(--background-lighter); display: grid; place-items: center; cursor: pointer; padding: 0; }
.adx-tri-cell { aspect-ratio: 16 / 9; border-radius: var(--r-md); overflow: hidden; border: 1px solid var(--border-faint); background: var(--background-lighter); display: grid; place-items: center; cursor: pointer; padding: 0; }
.adx-tri-cell.single { grid-column: 1 / -1; aspect-ratio: 16 / 9; }
.adx-tri-cell img { width: 100%; height: 100%; object-fit: cover; display: block; }
.adx-tri-cell .ph-frame { font-size: 12px; }