style: 统一折叠标题颜色与主体操作间距
This commit is contained in:
@@ -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);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user