fix: 调整被popup渲染的菜单栏样式

src/global.less

@@ -28,15 +28,18 @@ body,
 .ant-menu.ant-menu-dark .ant-menu-sub {
   background: none !important;
 }
+.ant-menu-dark.ant-menu-submenu-popup {
+  background: #7c62a4;
+}
 .ant-menu-dark .ant-menu-inline.ant-menu-sub {
-  background: #ffffff;
+  background: #584475;
 }
 .ant-menu-dark .ant-menu-item-only-child:hover {
-  background: #423d68;
+  background: @primary-color;
 }
 .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
-  background: #4a4473;
-  border-right: 3px solid #24b3a4;
+  background: @primary-color;
+  border-right: 3px solid #ffffff;
 }
 .ant-menu-inline .ant-menu-submenu-title {
   margin-bottom: 0;
@@ -223,38 +226,7 @@ input:-webkit-autofill:active {
     width: 250px;
   }
 }
-// @media (max-width: 767.98px) {
-//   .my-drawer.ant-drawer-open {
-//     > .ant-drawer-content-wrapper {
-//       width: 100% !important;
-//     }
-//   }
-//   .ant-pro-basicLayout-content {
-//     margin: 0 !important;
-//   }
-
-//   .sheet-box .sheet-box-left {
-//     height: unset;
-//     overflow-y: unset;
-//   }
-//   .sheet-right-panel,
-//   .sheet-panel-record {
-//     height: unset;
-//   }
-// }
-// .react-resizable {
-//   background-clip: padding-box !important;
-// }
 
-// .table-resizable-handle {
-//   position: absolute;
-//   right: -5px;
-//   bottom: 0;
-//   z-index: 1;
-//   width: 10px;
-//   height: 100%;
-//   cursor: col-resize;
-// }
 .card-transition {
   // display: flex;
   // justify-content: center;
@@ -273,28 +245,3 @@ input:-webkit-autofill:active {
   // box-shadow: 0 6px 16px rgb(107 147 224 / 14%);
   // transform: translateY(-4px);
 }
-
-.arco-table {
-  .arco-table-th-item {
-    padding: 0;
-  }
-  .arco-table-col-has-sorter .arco-table-cell-with-sorter {
-    padding: 0;
-  }
-  .arco-table-td {
-    padding: 12px 8px;
-    background-color: #fafafa;
-  }
-  .arco-table-tr:hover {
-    background-color: #fafafa !important;
-  }
-  .arco-checkbox-indeterminate .arco-checkbox-mask {
-    background-color: #886ab5;
-  }
-  .arco-checkbox-checked .arco-checkbox-mask {
-    background-color: #886ab5;
-  }
-  thead > .arco-table-tr > .arco-table-th {
-    padding: 12px 8px;
-  }
-}