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

frontend/src/components/ModulePlaceholder.vue

@@ -1,19 +1,21 @@
 <template>
-  <div class="module-page">
-    <div class="module-header">
-      <div>
-        <h1 class="module-title">{{ title }}</h1>
-        <p v-if="subtitle" class="module-subtitle">{{ subtitle }}</p>
-      </div>
-      <slot name="actions" />
-    </div>
-    <div class="module-content">
-      <div class="module-list">
-        <div class="module-list-header">
-          <span class="list-title">{{ listTitle }}</span>
-          <span class="list-note">{{ TEXT.common.empty.listPlaceholder }}</span>
+  <div class="module-page ctms-page-shell page--flush">
+    <div class="unified-shell">
+      <div class="module-header unified-action-bar bar--flush">
+        <div>
+          <h1 class="module-title">{{ title }}</h1>
+          <p v-if="subtitle" class="module-subtitle">{{ subtitle }}</p>
+        </div>
+        <slot name="actions" />
+      </div>
+      <div class="module-content unified-section section--flush">
+        <div class="module-list">
+          <div class="module-list-header">
+            <span class="list-title">{{ listTitle }}</span>
+            <span class="list-note">{{ TEXT.common.empty.listPlaceholder }}</span>
+          </div>
+          <StateEmpty :title="emptyTitle" :description="emptyDescription" />
         </div>
-        <StateEmpty :title="emptyTitle" :description="emptyDescription" />
       </div>
     </div>
   </div>
@@ -44,13 +46,7 @@ withDefaults(
 .module-page {
   display: flex;
   flex-direction: column;
-  gap: 16px;
-}
-
-.module-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: baseline;
+  gap: 0;
 }
 
 .module-title {
@@ -68,9 +64,9 @@ withDefaults(
 
 .module-list {
   background-color: #fff;
-  border: 1px solid var(--ctms-border-color);
-  border-radius: var(--ctms-radius);
-  padding: 20px;
+  border: 0;
+  border-radius: 0;
+  padding: 0;
 }
 
 .module-list-header {