feat: 主体目录增加母版缩略图与紧凑图文布局

This commit is contained in:
GouJ
2026-09-01 19:34:59 +08:00
parent ad37c8ab7c
commit 9e3bff7997
8 changed files with 470 additions and 8 deletions
+68
View File
@@ -494,6 +494,74 @@ body {
gap: 7px;
min-width: 0;
}
/* 可选前导内容用于主体母版,不改变剧集与镜头目录的原有排版。 */
.n-button.directory-item.has-leading .n-button__content {
display: flex;
align-items: center;
gap: 12px;
}
.directory-item-leading {
display: flex;
flex-shrink: 0;
}
.directory-item.has-leading .directory-item-body {
flex: 1;
}
.identity-subject-list-content {
gap: 0;
padding: 0 0 8px;
}
.n-button.identity-subject-item {
min-height: 86px;
padding: 10px 14px;
border-bottom: 1px solid var(--app-border);
}
.n-button.identity-subject-item:not(.selected) {
background: var(--app-surface);
}
.n-button.identity-subject-item:not(.selected):hover {
background: var(--app-subtle);
}
.identity-subject-item .directory-item-body {
gap: 3px;
}
.identity-subject-item .directory-item-title {
order: 0;
font-size: 14px;
font-weight: 600;
}
.identity-subject-item .directory-item-eyebrow {
order: 1;
font-size: 10px;
}
.identity-subject-item .directory-item-meta {
order: 2;
gap: 4px 6px;
font-size: 10px;
}
.identity-thumbnail {
display: flex;
width: 48px;
height: 64px;
overflow: hidden;
background: var(--app-subtle);
}
.identity-thumbnail .n-image,
.identity-thumbnail .n-image img {
width: 100%;
height: 100%;
}
.identity-thumbnail-placeholder {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
gap: 5px;
color: var(--app-muted);
font-size: 10px;
}
.directory-item-eyebrow {
font:
11px/1.5 ui-monospace,