style: table split

src/assets/styles/menu.less

@@ -3,6 +3,7 @@
     .ant-layout-sider-children {
       border-inline: none;
       border-radius: 0;
+      padding-inline-end: 0;
       padding-block-end: 8px;
     }
 

src/global.less

@@ -171,8 +171,6 @@ body {
   }
 
   .ant-table .ant-table-container table {
-    // border-spacing: 0 20px;
-
     .ant-table-thead th.ant-table-column-sort {
       background-color: transparent;
 
@@ -286,15 +284,13 @@ body {
     }
   }
 
-  .ant-table-content table {
+  .ant-table .ant-table-tbody {
-    .ant-table-tbody {
+    .ant-table-row {
-      .ant-table-row {
+      border-radius: var(--table-td-radius);
-        border-radius: var(--table-td-radius);
 
-        > td {
+      > td {
-          background-color: unset;
+        background-color: unset !important;
-          border-bottom: 1px solid var(--ant-color-split);
+        border-bottom: 1px solid var(--ant-color-split);
-        }
       }
     }
   }

src/layouts/index.tsx

@@ -240,7 +240,7 @@ export default (props: any) => {
         <div className="collapse-wrap" onClick={handleToggleCollapse}>
           <Button
             style={{
-              marginRight: collapsed ? 0 : -14,
+              marginRight: collapsed ? 0 : -6,
               border: 'none',
               cursor: 'w-resize'
             }}