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

frontend/src/views/documents/DocumentList.vue

@@ -1,7 +1,7 @@
 <template>
-  <div class="page">
-    <el-card shadow="never" class="main-content-card unified-shell">
-      <div class="filter-container unified-action-bar">
+  <div class="page ctms-page-shell page--flush">
+    <div class="main-content-flat unified-shell">
+      <div class="filter-container unified-action-bar bar--flush">
         <el-form :inline="true" :model="filters" class="filter-form">
           <el-form-item label="" class="filter-item-form">
             <el-select v-model="filters.scope_type" :placeholder="TEXT.modules.fileVersionManagement.filters.scope" clearable class="filter-select-comp">
@@ -28,7 +28,7 @@
           </el-button>
         </el-form>
       </div>
-      <section class="unified-section">
+      <section class="unified-section document-table-section section--flush-x section--flush-top section--flush-bottom">
         <el-table
           :data="sortedItems"
           v-loading="loading"
@@ -84,7 +84,7 @@
           </template>
         </el-table>
       </section>
-    </el-card>
+    </div>
 
     <el-dialog append-to=".layout-main .content-wrapper" v-model="createVisible" :title="TEXT.modules.fileVersionManagement.dialog.createTitle" width="520px" destroy-on-close class="ctms-dialog">
       <el-form ref="createFormRef" :model="createForm" :rules="createRules" label-width="100px" class="ctms-form">
@@ -346,18 +346,10 @@ watch(
   gap: 0;
 }
 
-.main-content-card :deep(.el-card__body) {
-  padding: 0;
-}
-
-.filter-container {
-  margin-bottom: 0;
-}
-
 .filter-form {
   display: flex;
   width: 100%;
-  gap: 12px;
+  gap: 8px;
   align-items: center;
 }
 
@@ -370,6 +362,10 @@ watch(
   width: 132px;
 }
 
+.ctms-table :deep(.el-table__inner-wrapper::before) {
+  display: none;
+}
+
 .filter-spacer {
   flex: 1;
 }