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:
@@ -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);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user