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

frontend/src/views/documents/DocumentDetail.vue

@@ -1,7 +1,7 @@
 <template>
-  <div class="page">
+  <div class="page ctms-page-shell page--flush">
     <div class="unified-shell">
-      <section class="unified-section" v-loading="loading">
+      <section class="unified-section section--flush-x" v-loading="loading">
         <div class="unified-section-header">
           <div>
             <div class="ctms-section-title">
@@ -37,7 +37,7 @@
         </el-descriptions>
       </section>
 
-      <section class="unified-section">
+      <section class="unified-section section--flush-x section--flush-bottom">
         <el-tabs v-model="activeTab" @tab-change="handleTabChange" class="ctms-tabs">
       <el-tab-pane :label="TEXT.modules.fileVersionManagement.tabs.versions" name="versions">
         <div class="ctms-section-header">
@@ -49,7 +49,7 @@
             </el-button>
           </div>
         </div>
-        <el-card class="ctms-table-card unified-shell">
+        <div class="ctms-table-panel">
           <el-table :data="detail.version_timeline" v-loading="versionLoading" class="ctms-table">
             <el-table-column prop="version_no" :label="TEXT.modules.fileVersionManagement.fields.versionNo" width="120">
                <template #default="{ row }">
@@ -94,7 +94,7 @@
               </template>
             </el-table-column>
           </el-table>
-        </el-card>
+        </div>
       </el-tab-pane>
 
       <el-tab-pane :label="TEXT.modules.fileVersionManagement.tabs.distributions" name="distributions">
@@ -107,7 +107,7 @@
             </el-button>
           </div>
         </div>
-        <el-card class="ctms-table-card unified-shell">
+        <div class="ctms-table-panel">
           <el-table :data="distributions" v-loading="distributionLoading" class="ctms-table">
             <el-table-column :label="TEXT.modules.fileVersionManagement.fields.targetType" width="120">
               <template #default="{ row }">
@@ -125,7 +125,7 @@
               </template>
             </el-table-column>
           </el-table>
-        </el-card>
+        </div>
       </el-tab-pane>
 
         </el-tabs>
@@ -680,6 +680,18 @@ watch(
   gap: 0;
 }
 
+.ctms-table-panel {
+  padding: 0;
+}
+
+.ctms-section-header {
+  margin-bottom: 0;
+}
+
+.ctms-table-panel :deep(.el-table__inner-wrapper::before) {
+  display: none;
+}
+
 .doc-meta-row {
   display: flex;
   align-items: center;