45 lines
1.9 KiB
CSS
45 lines
1.9 KiB
CSS
/* 垃圾桶 · 已删除商品(软删 status=archived)+ 已删除资产(is_deleted,R108)· 仅用 design-restraint token */
|
|
.trash-page .trash-inner {
|
|
width: min(1560px, 100%);
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.trash-empty {
|
|
min-height: 220px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
/* 分区(商品 / 资产):mono 小标题 + 各自列表 */
|
|
.trash-section { margin-bottom: 22px; }
|
|
.trash-section:last-child { margin-bottom: 0; }
|
|
.trash-section-title { font-family: var(--font-mono); font-size: 12px; color: var(--black-alpha-48); letter-spacing: .02em; margin-bottom: 10px; }
|
|
/* 资产恢复/彻底删除失败提示(商品那对经全局 toast,资产口就地亮错误) */
|
|
.trash-err { font-family: var(--font-mono); font-size: 12px; color: var(--accent-crimson); letter-spacing: .02em; margin-bottom: 12px; }
|
|
|
|
.trash-list { display: flex; flex-direction: column; gap: 10px; }
|
|
|
|
.trash-row {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 14px;
|
|
padding: 12px 14px;
|
|
background: var(--surface);
|
|
border: 1px solid var(--border-faint);
|
|
border-radius: var(--r-md);
|
|
}
|
|
.trash-thumb { width: 52px; height: 52px; flex: 0 0 52px; border-radius: var(--r-sm); }
|
|
.trash-meta { flex: 1 1 auto; min-width: 0; }
|
|
.trash-name { font-size: 14px; font-weight: 500; color: var(--accent-black); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
.trash-sub { font-family: var(--font-mono); font-size: 12px; color: var(--black-alpha-48); margin-top: 3px; letter-spacing: .02em; }
|
|
|
|
.trash-actions { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
|
|
.trash-confirm-txt { font-size: 12px; color: var(--accent-crimson); letter-spacing: .02em; }
|
|
/* 彻底删除确认按钮:危险态(复用全站 crimson token,不写裸 hex) */
|
|
.trash-del { background: var(--accent-crimson); border-color: var(--accent-crimson); color: var(--accent-white); }
|
|
.trash-del:hover { filter: brightness(1.06); }
|