style: 统一折叠标题颜色与主体操作间距

This commit is contained in:
GouJ
2026-09-22 18:49:03 +08:00
parent 8e8fab307f
commit 05cebc5331
2 changed files with 31 additions and 21 deletions
+6
View File
@@ -33,6 +33,12 @@ defineExpose({
.detail-disclosure.n-collapse {
@apply text-xs text-muted;
}
.detail-disclosure .n-button,
.detail-disclosure .n-button:hover,
.detail-disclosure .n-button:focus,
.detail-disclosure .n-button:active {
color: var(--app-ink) !important;
}
.detail-disclosure-content {
@apply py-3 px-3.5 bg-(--app-subtle) text-ink leading-[1.8];
}
@@ -58,11 +58,11 @@ const filtered = computed(() =>
>
{{ subject.description }}
</p>
<div v-if="(subject.description?.length ?? 0) > 160 || projectId" class="subject-record-actions">
<NButton
v-if="(subject.description?.length ?? 0) > 160"
text
size="small"
class="mt-2"
:aria-expanded="expanded.has(subject.profileId)"
@click="toggleDescription(subject.profileId)"
>{{ expanded.has(subject.profileId) ? '收起介绍' : '展开完整介绍' }}</NButton
@@ -70,15 +70,16 @@ const filtered = computed(() =>
<RouterLink
v-if="projectId"
:to="{ path: `/projects/${projectId}/subject-identity`, query: { subjectRef: subject.ref } }"
class="text-button mt-3 mr-4"
class="text-button"
>管理稳定身份母版</RouterLink
>
<RouterLink
v-if="projectId"
:to="{ path: `/projects/${projectId}/subject-images`, query: { subjectRef: subject.ref } }"
class="text-button mt-3"
class="text-button"
>查看形态图片生图</RouterLink
>
</div>
<NCollapse class="subject-details mt-4" :default-expanded-names="['details']"
><NCollapseItem name="details"
><template #header
@@ -128,6 +129,9 @@ const filtered = computed(() =>
.subject-form-card {
@apply mt-3 p-4 min-w-0 wrap-anywhere bg-(--app-subtle);
}
.subject-record-actions {
@apply mt-4 flex flex-wrap items-center gap-y-2 gap-x-4;
}
.subject-record-list > article:nth-child(even) .subject-form-card {
@apply bg-(--app-control);
}