Hotax/src/components/SiderMenu/index.less

@import "~antd/lib/style/themes/default.less";
@ease-in-out-circ: cubic-bezier(.78, .14, .15, .86);

.sider {
  min-height: 100vh;
  box-shadow: 2px 0 6px rgba(0, 21, 41, .35);
  position: relative;
  z-index: 10;
  overflow: auto;
  background: #f9fafc;
  color: #444358 !important;
  :global {
    .drawer .drawer-content {
      background: #f9fafc;
      color: #000 !important;
    }
    .ant-menu-dark {
      background: #f9fafc;
      color: #000 !important;
    }
    .ant-menu-dark .ant-menu-inline.ant-menu-sub {
      background: #f4f5f5;
      color: #777 !important;
    }
    .ant-menu.ant-menu-dark .ant-menu-item-selected {
      background-color: #f4f5f5 !important;
      color: #000 !important;
    }
    .ant-menu-inline .ant-menu-item {
      margin: 0;
      padding: 0;
    }
    .ant-menu-inline-collapsed .ant-menu-item {
      padding: 0 16px !important;
      span {
        opacity: 1;
      }
    }
  }
}

:global {
  .ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title {
    padding: 0 16px !important;
    .realbull + span {
      opacity: 1;
    }
  }
  .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
    background-color: #f4f4f5 !important;
    color: #000 !important;
  }
  .ant-menu-dark .ant-menu-sub {
    background: #f9fafc;
    color: #000 !important;
  }
  .ant-menu-vertical .ant-menu-item {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.icon {
  width: 14px;
  margin-right: 10px;
}