未知（继上次中断）

frontend/src/views/admin/Sites.vue

@@ -1,12 +1,13 @@
 <template>
   <div class="page">
-    <el-card>
-      <div class="header">
-        <div>
-          <h3>{{ TEXT.modules.adminSites.title }}</h3>
-          <div class="sub" v-if="project">{{ TEXT.modules.adminSites.projectPrefix }}{{ project.code }} - {{ project.name }}</div>
+    <el-card shadow="never" class="main-content-card">
+      <div class="filter-container">
+        <div class="filter-form">
+          <div class="filter-spacer"></div>
+          <el-button type="primary" @click="openCreate" class="header-action-btn">
+            {{ TEXT.common.actions.add }}{{ TEXT.modules.adminSites.siteLabel }}
+          </el-button>
         </div>
-        <el-button type="primary" @click="openCreate">{{ TEXT.common.actions.add }}{{ TEXT.modules.adminSites.siteLabel }}</el-button>
       </div>
       <el-table :data="sites" v-loading="loading" stripe :row-class-name="siteRowClass">
         <el-table-column prop="name" :label="TEXT.common.fields.siteName" width="180" />
@@ -266,17 +267,33 @@ onMounted(async () => {
 
 <style scoped>
 .page {
-  padding: 16px;
-}
-.header {
   display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 12px;
+  flex-direction: column;
 }
-.sub {
-  color: #666;
-  margin-top: 4px;
+
+.main-content-card :deep(.el-card__body) {
+  padding: 20px;
+}
+
+.filter-container {
+  margin-bottom: 20px;
+}
+
+.filter-form {
+  display: flex;
+  width: 100%;
+  gap: 12px;
+  align-items: center;
+}
+
+.filter-spacer {
+  flex: 1;
+}
+
+.header-action-btn {
+  height: 36px;
+  padding: 0 20px;
+  border-radius: 8px;
 }
 
 </style>