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

frontend/src/views/ia/ProjectMilestones.vue

@@ -1,7 +1,7 @@
 <template>
-  <div class="page ctms-page-shell">
+  <div class="page ctms-page-shell page--flush">
     <div v-if="study.currentStudy" class="unified-shell ctms-table-card">
-      <section class="unified-action-bar">
+      <section class="unified-action-bar bar--flush">
         <div class="card-header ctms-page-header-row">
           <div>
             <div class="card-title">{{ TEXT.modules.projectMilestones.listTitle }}</div>
@@ -22,7 +22,7 @@
           </div>
         </div>
       </section>
-      <section class="unified-section ctms-page-content-grid">
+      <section class="unified-section ctms-page-content-grid section--flush-x section--flush-top section--flush-bottom">
         <el-table :data="rows" v-loading="loading" class="ctms-table" style="width: 100%">
           <el-table-column prop="name" :label="TEXT.modules.projectMilestones.columns.name" min-width="140" />
           <el-table-column prop="planDate" :label="TEXT.modules.projectMilestones.columns.planDate" min-width="170">
@@ -450,12 +450,16 @@ watch(
   flex-direction: column;
 }
 
+.ctms-page-content-grid {
+  gap: 0;
+}
+
 .card-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 12px;
-  margin-bottom: 12px;
+  margin-bottom: 0;
   flex-wrap: wrap;
 }
 
@@ -657,12 +661,7 @@ watch(
   background: #94a3b8;
 }
 
-:deep(.ctms-table th.el-table__cell .cell),
-:deep(.ctms-table td.el-table__cell .cell) {
-  font-size: 11px;
-  padding-top: 4px;
-  padding-bottom: 4px;
-  padding-left: 6px;
-  padding-right: 6px;
+.ctms-table :deep(.el-table__inner-wrapper::before) {
+  display: none;
 }
 </style>