refactor(admin-web): unify page headers with shared title card

Introduce .page-title-card style and migrate Images, Knowledge,
KolDashboard, KolManage, KolProfile views to the shared header layout.
Add subtitle copy for KOL dashboard and manage views.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-04-25 21:38:45 +08:00
parent 40d9a6cc63
commit 2862aff72b
8 changed files with 111 additions and 110 deletions
@@ -224,6 +224,15 @@ function packageStatusLabel(status: string) {
<template>
<div class="kol-manage-view">
<section v-if="!editingPromptId" class="page-title-card">
<div class="page-title-card__header">
<div class="page-title-card__copy">
<h2>{{ t("kol.manage.title") }}</h2>
<p>{{ t("kol.manage.subtitle") }}</p>
</div>
</div>
</section>
<div v-if="editingPromptId" class="manage-content manage-content--editor">
<div class="fullscreen-editor">
<KolPromptEditor :prompt-id="editingPromptId" @back="handleCloseEditor" />
@@ -401,6 +410,7 @@ function packageStatusLabel(status: string) {
.kol-manage-view {
display: flex;
flex-direction: column;
gap: 20px;
height: calc(100vh - 120px);
}