feat: 后台页头加明暗切换;内容卡改用库里的 EntryRow / EntryTile
- 后台页头新增月亮/太阳按钮:写回 site.theme 并即时切换,前后台一起变, 忽略未登录与保存中 - AppCard -> EntryRow,CesCard -> EntryTile(PosterCard 本来就用 Cover) - 删除 .app-card / .app-card-* / .ces-card / .ces-body* 手写样式, 两套卡片的点击语义与悬停反馈统一由库提供 视觉变化:头像认证勾回到库默认尺寸(20px,之前应用里压到 10px)
This commit is contained in:
+2
-64
@@ -298,70 +298,9 @@
|
||||
background-color: var(--su-color-primary);
|
||||
}
|
||||
|
||||
/* ---------- 应用条目 ---------- */
|
||||
/* ---------- 应用条目 / 图文白卡 ---------- */
|
||||
|
||||
.app-card {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--su-space-4);
|
||||
padding: var(--su-space-2) 0;
|
||||
border-radius: var(--su-radius-sm);
|
||||
}
|
||||
|
||||
.app-card:hover .app-card-name {
|
||||
color: var(--su-color-primary);
|
||||
}
|
||||
|
||||
.app-card-info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--su-space-1);
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
/* 旧版应用头像是 48px 圆形,右下角是 10px 小认证标 */
|
||||
.app-card-avatar {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
font-size: var(--su-font-size-lg);
|
||||
}
|
||||
|
||||
.app-card-avatar > span + span {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border-width: 1px;
|
||||
/* 6px 不是文字尺寸:这是 10px 圆标里的一枚「✓」字形,按图标对待;
|
||||
设计系统的字阶(12 起)不覆盖这种装饰字形 */
|
||||
font-size: 6px;
|
||||
}
|
||||
|
||||
/* ---------- 图文白卡 ---------- */
|
||||
|
||||
.ces-card {
|
||||
overflow: hidden;
|
||||
transition: transform var(--su-duration-fast) var(--su-ease-in-out);
|
||||
}
|
||||
|
||||
.ces-card:hover {
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
.ces-body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--su-space-1);
|
||||
padding: var(--su-space-3);
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.ces-body--button {
|
||||
width: 100%;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.ces-body--button:hover {
|
||||
background-color: var(--su-bg-subtle);
|
||||
}
|
||||
/* 条目行的版式在 @stash/ui 的 EntryRow,图文卡在 EntryTile,这里不再有手写卡片外壳 */
|
||||
|
||||
/* ---------- 详情 ---------- */
|
||||
|
||||
@@ -860,7 +799,6 @@
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.app-card,
|
||||
.related-item,
|
||||
.link-button {
|
||||
transition: none;
|
||||
|
||||
Reference in New Issue
Block a user