优化登录页UI、新增占满布局类

frontend/src/views/admin/Users.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="page">
-    <el-card shadow="never" class="main-content-card unified-shell">
+    <div class="main-content-flat unified-shell">
       <div class="filter-container unified-action-bar">
         <div class="filter-form">
           <el-form-item label="" class="filter-item-form">
@@ -28,7 +28,7 @@
       </div>
 
       <div class="unified-section user-table-section">
-        <el-table :data="users" stripe v-loading="loading" style="width: 100%">
+        <el-table :data="users" stripe v-loading="loading" class="user-table" style="width: 100%">
           <el-table-column prop="email" :label="TEXT.common.fields.email" min-width="200" />
           <el-table-column prop="full_name" :label="TEXT.common.fields.name" min-width="140" />
           <el-table-column prop="department" :label="TEXT.common.fields.department" min-width="140" />
@@ -84,7 +84,7 @@
           />
         </div>
       </div>
-    </el-card>
+    </div>
     <UserForm v-model:visible="formVisible" :user="editingUser" :admin-count="activeAdminCount" @saved="loadUsers" />
     <UserResetPassword v-model:visible="resetVisible" :user="resetUser" @reset="loadUsers" />
   </div>
@@ -291,12 +291,26 @@ onMounted(() => {
 .page {
   display: flex;
   flex-direction: column;
+  gap: 0;
+}
+
+.main-content-flat {
+  width: 100%;
+  background: transparent;
+  border: 0;
+  border-radius: 0;
+  box-shadow: none;
+  padding: 0;
+}
+
+.main-content-flat :deep(.el-card__body) {
+  padding: 0;
 }
 
 .filter-form {
   display: flex;
   width: 100%;
-  gap: 12px;
+  gap: 10px;
   align-items: center;
 }
 
@@ -306,7 +320,7 @@ onMounted(() => {
 }
 
 .filter-input-comp {
-  width: 200px;
+  width: 190px;
 }
 
 .filter-spacer {
@@ -314,13 +328,31 @@ onMounted(() => {
 }
 
 .user-table-section {
+  padding: 0;
+}
+
+.user-table {
+  margin-top: 0;
+}
+
+.user-table :deep(.el-table__inner-wrapper::before) {
+  display: none;
+}
+
+.user-table :deep(th.el-table__cell) {
+  padding-top: 10px;
+  padding-bottom: 10px;
+}
+
+.user-table :deep(td.el-table__cell) {
   padding-top: 12px;
   padding-bottom: 12px;
 }
 
 .pagination-wrap {
-  margin-top: 14px;
+  margin-top: 10px;
   display: flex;
   justify-content: flex-end;
+  padding: 0 0 6px;
 }
 </style>