style: 全站使用背景分层替代装饰边框并统一直角

This commit is contained in:
GouJ
2026-09-01 21:39:05 +08:00
parent 799f16d336
commit 03bf87ca9a
25 changed files with 292 additions and 116 deletions
@@ -43,7 +43,7 @@ function exportReceipt() {
{{ receipt.result.skippedEpisodes }} · 失败 {{ receipt.result.failedEpisodes }}
</p>
<NScrollbar x-scrollable class="table-scroll">
<NTable :single-line="false" class="project-table"
<NTable :bordered="false" :single-line="true" striped class="project-table"
><thead>
<tr>
<th>剧集</th>
@@ -40,7 +40,7 @@ defineProps<{ shot: DesignedShot }>()
>
<p v-else class="text-sm text-muted">此镜头尚无已保存的导演设计。</p>
</section>
<section class="border-t border-line pt-6">
<section class="pt-6">
<h3 class="mb-4 text-sm font-semibold">
即时视觉状态 <span class="ml-2 font-mono text-[10px] font-normal text-muted">VisualState</span>
</h3>
@@ -60,7 +60,7 @@ defineProps<{ shot: DesignedShot }>()
<article
v-for="subject in shot.visualState.subjects"
:key="subject.subjectId"
class="mt-5 border-l-2 border-line pl-4"
class="mt-5 surface-inset p-4"
>
<div class="mb-3 flex flex-wrap items-center gap-2">
<code class="subject-ref">{{ subject.subjectRef }}</code
@@ -152,7 +152,7 @@ function exportResult(kind: 'spec' | 'prompt') {
</p>
</template>
</section>
<section class="border-t border-line pt-6">
<section class="pt-6">
<div class="flex flex-wrap items-center justify-between gap-3">
<h3 class="text-sm font-semibold">镜头生成规格</h3>
<NButton
@@ -179,7 +179,7 @@ function exportResult(kind: 'spec' | 'prompt') {
</NScrollbar>
</template>
</section>
<section class="border-t border-line pt-6">
<section class="pt-6">
<h3 class="text-sm font-semibold">视频提示词</h3>
<p class="mt-2 text-xs leading-6 text-muted">
已有提示词可直接复用没有则依据 GenerationSpec 与参考图调用模型生成此处只处理