fix: table组件样式调整

ecaps1038 · Mar 22, 2024 · e1a8480 · e1a8480
1 parent 43e237e
commit e1a8480
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 13 deletions.
diff --git a/packages/yike-design-demo/src/style/markdown.less b/packages/yike-design-demo/src/style/markdown.less
@@ -112,17 +112,17 @@
     }
 
     th {
-      padding-left: @space-m;
+      padding: 0 @space-xl;
       font-size: @size-s;
       font-weight: 600;
       text-align: left;
-      background-color: @bg-color-m;
+      background-color: @bg-color-s;
       transition: background-color @animats;
-      line-height: 44px;
+      line-height: 56px;
     }
 
     td {
-      padding: 10px @space-m;
+      padding: @space-l @space-xl;
       max-width: 240px;
       border-top: 1px solid @line-color-s;
       text-align: left;

diff --git a/packages/yike-design-ui/components/table/style/index.less b/packages/yike-design-ui/components/table/style/index.less
@@ -9,25 +9,35 @@
     height: fit-content;
     box-sizing: border-box;
     border-spacing: 0;
+    .td {
+      padding: @space-m @space-xl;
+    }
   }
 
   th {
+    padding: 0 @space-xl;
     background-color: @bg-color-s;
+    .cell {
+      font-weight: 600;
+    }
   }
-
   &__cell {
     position: relative;
     z-index: 1;
-    padding: 18px 0px;
+    padding: @space-s 0;
     min-width: 0;
-    font-size: 14px;
+    max-width: 240px;
+    height: 56px;
+    border-bottom: 1px solid @line-color-s;
     text-align: left;
     text-overflow: ellipsis;
     box-sizing: border-box;
     vertical-align: middle;
+    .font-s();
     .cell {
+      display: flex;
+      align-items: center;
       overflow: hidden;
-      padding: 0 20px;
       text-overflow: ellipsis;
       white-space: normal;
       box-sizing: border-box;
@@ -36,14 +46,13 @@
     }
   }
 
-  &__cell {
-    border-bottom: 1px solid #1e202514;
-  }
-
   &__row {
     background-color: @bg-color-l;
     &:hover {
-      background-color: @bg-color-s;
+      background-color: @bg-color-m;
+    }
+    .yk-table__cell {
+      padding: 0 @space-xl;
     }
   }