feat(ui): align admin project detail with enterprise system

This commit is contained in:
Cheng Zhou
2026-03-04 16:38:18 +08:00
parent 39b4d2a2ea
commit a3036c2233
3 changed files with 25 additions and 3 deletions
+13
View File
@@ -88,6 +88,19 @@ for (const file of financeAndFilePages) {
} }
} }
const adminProjectDetail = readFileSync("src/views/admin/ProjectDetail.vue", "utf8");
const requiredAdminProjectDetailClasses = [
"ctms-page-shell",
"unified-action-bar",
"unified-section"
];
for (const className of requiredAdminProjectDetailClasses) {
if (!adminProjectDetail.includes(className)) {
missing.push(`src/views/admin/ProjectDetail.vue:${className}`);
}
}
if (missing.length) { if (missing.length) {
console.error("UI contract check failed. Missing:", missing.join(", ")); console.error("UI contract check failed. Missing:", missing.join(", "));
process.exit(1); process.exit(1);
+9
View File
@@ -203,6 +203,15 @@
font-size: 34px; font-size: 34px;
} }
.setup-page .setup-header.unified-action-bar {
padding: var(--unified-shell-padding-y) var(--unified-shell-padding-x);
border-bottom: 1px solid var(--unified-shell-divider);
}
.setup-page .setup-content.unified-section {
padding: 0;
}
@media (max-width: 960px) { @media (max-width: 960px) {
.unified-action-bar, .unified-action-bar,
.unified-section { .unified-section {
+3 -3
View File
@@ -1,7 +1,7 @@
<template> <template>
<div class="ctms-page setup-page"> <div class="ctms-page setup-page ctms-page-shell">
<div class="setup-shell unified-shell"> <div class="setup-shell unified-shell">
<div class="setup-header"> <div class="setup-header unified-action-bar">
<div class="setup-flow"> <div class="setup-flow">
<div <div
v-for="(step, index) in steps" v-for="(step, index) in steps"
@@ -108,7 +108,7 @@
@click="closeEditDrawer" @click="closeEditDrawer"
/> />
<div <div
class="setup-content" class="setup-content unified-section"
:class="{ :class="{
'setup-content-drawer': drawerVisible, 'setup-content-drawer': drawerVisible,
'is-closing': drawerClosing, 'is-closing': drawerClosing,