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

frontend/src/views/ia/KnowledgeNotes.vue

@@ -1,8 +1,8 @@
 <template>
-  <div class="page">
+  <div class="page ctms-page-shell page--flush">
 
-    <el-card shadow="never" class="main-content-card unified-shell">
-      <div class="filter-container unified-action-bar">
+    <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-input 
@@ -29,7 +29,7 @@
           </el-button>
         </el-form>
       </div>
-      <div class="unified-section table-section">
+      <div class="unified-section table-section section--flush-x section--flush-top section--flush-bottom">
         <el-table
           :data="sortedItems"
           v-loading="loading"
@@ -60,7 +60,7 @@
         </el-table>
         <StateEmpty v-if="!loading && sortedItems.length === 0" :description="TEXT.modules.knowledgeNotes.empty" />
       </div>
-    </el-card>
+    </div>
   </div>
 </template>
 
@@ -178,7 +178,7 @@ onMounted(async () => {
 .filter-form {
   display: flex;
   width: 100%;
-  gap: 12px;
+  gap: 8px;
   align-items: center;
 }
 
@@ -195,9 +195,8 @@ onMounted(async () => {
   flex: 1;
 }
 
-.table-section {
-  padding-top: 12px;
-  padding-bottom: 12px;
+:deep(.ctms-table .el-table__inner-wrapper::before) {
+  display: none;
 }
 
 </style>