From 49f09cc6f8ff8c30a75ed1a9d6f510b69b73962a Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期二, 12 十二月 2023 21:05:37 +0800
Subject: [PATCH] 2023-12-12

---
 src/menu/components/table/normal-table/columns/index.scss |  105 +++++++++++++++++++++++++++++++++++++++++++++++++---
 1 files changed, 99 insertions(+), 6 deletions(-)

diff --git a/src/menu/components/table/normal-table/columns/index.scss b/src/menu/components/table/normal-table/columns/index.scss
index 41f4111..af1deb4 100644
--- a/src/menu/components/table/normal-table/columns/index.scss
+++ b/src/menu/components/table/normal-table/columns/index.scss
@@ -1,10 +1,44 @@
 .normal-table-columns {
   position: relative;
+  --mk-table-border-color: #e8e8e8;
+  --mk-table-color: rgba(0, 0, 0, 0.65);
+  --mk-table-font-size: 14px;
+  --mk-table-font-weight: normal;
+
+  .ant-table {
+    color: inherit;
+    font-size: inherit;
+    font-weight: inherit;
+  }
+  .ant-table-selection-column {
+    width: 60px;
+    min-width: 60px;
+    max-width: 60px;
+  }
   .ant-table-body {
     overflow-x: auto;
     tr {
       td {
         background: #ffffff;
+        .col-copy {
+          margin-bottom: 0;
+          display: inline-block;
+          color: inherit;
+          .ant-typography-copy {
+            position: absolute;
+            left: 2px;
+            top: 0px;
+            margin-left: 0px;
+            font-size: 12px;
+            opacity: 0;
+            transition: opacity 0.2s;
+          }
+        }
+      }
+      td:hover .col-copy {
+        .ant-typography-copy {
+          opacity: 1;
+        }
       }
       td:not(.ant-table-selection-column) {
         position: relative;
@@ -16,11 +50,16 @@
           color: purple;
           font-size: 12px;
         }
-      }
-    }
-    .action-column {
-      .card-detail-row:empty {
-        min-height: 40px;
+        >.close-col {
+          position: absolute;
+          top: 2px;
+          right: 2px;
+          color: orange;
+          font-size: 12px;
+        }
+        >.profile + .close-col {
+          right: 20px;
+        }
       }
     }
     tr:hover td {
@@ -54,13 +93,16 @@
     z-index: 2;
     right: 0;
     top: -25px;
-    >i, >div > i {
+    >.anticon, >div > .anticon {
       font-size: 16px;
       margin-right: 10px;
       cursor: pointer;
     }
     >.anticon-copy {
       color: #26C281;
+    }
+    >.anticon-delete {
+      color: #ff4d4f;
     }
     >.anticon-file-sync {
       color: #1890ff;
@@ -71,6 +113,31 @@
   }
   .ant-table-small > .ant-table-content > .ant-table-body {
     margin: 0;
+  }
+  .ant-table-small.ant-table-bordered {
+    border-right: 1px solid #e8e8e8;
+  }
+
+  table, tr, th, td, .ant-table-small {
+    border-color: var(--mk-table-border-color)!important;
+  }
+  table tr {
+    th .ant-table-column-title {
+      font-size: var(--mk-table-font-size)!important;
+      font-weight: var(--mk-table-font-weight)!important;
+    }
+    td {
+      font-size: var(--mk-table-font-size)!important;
+      font-weight: var(--mk-table-font-weight)!important;
+    }
+  }
+  table tbody tr {
+    color: var(--mk-table-color);
+  }
+}
+.normal-table-columns:not(.ghost) {
+  .ant-table-small > .ant-table-content .ant-table-thead > tr > th {
+    background-color: #fafafa!important;
   }
 }
 .normal-table-columns.false {
@@ -89,3 +156,29 @@
     border-radius: 0;
   }
 }
+
+.normal-table-columns.ghost {
+  .ant-table-thead > tr {
+    > th {
+      color: inherit;
+      background: transparent;
+      .ant-table-column-sorter .ant-table-column-sorter-inner {
+        color: inherit;
+      }
+    }
+    > th:hover {
+      background: transparent;
+    }
+  }
+  .ant-table-body {
+    overflow-x: auto;
+    tr {
+      td {
+        background: transparent;
+      }
+    }
+    tr:hover td {
+      background: transparent!important;
+    }
+  }
+}

--
Gitblit v1.8.0