2021-11-18

king

2021-11-18 c98e45bfac25e9110ad0383faac54a54d98ea9d5

 src/pc/components/navbar/normal-navbar/index.scss

@@ -9,11 +9,12 @@
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 50px;
  z-index: 2;
  z-index: 3;
  
  .navbar-wrap {
    margin: 0 auto;
    display: flex;
    max-width: 100%;

    .logo {
      display: inline-block;
@@ -22,13 +23,39 @@
        max-height: 100%;
      }
    }
    .logo.pointer {
      cursor: pointer;
    }
    .menu {
      flex: 1;
      display: inline-block;
      font-size: inherit;
      color: inherit;
      .ant-menu {
        background: transparent;
        line-height: inherit;
        font-size: inherit;
        color: inherit;
        border: 0;
        .ant-menu-item:hover, .ant-menu-item-active, .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open, .ant-menu-submenu-active, .ant-menu-submenu-title:hover {
          color: unset;
        }
        .ant-menu-item span {
          display: inline-block;
        }
      }
      .ant-menu-horizontal > .ant-menu-item:hover, .ant-menu-horizontal > .ant-menu-submenu:hover, .ant-menu-horizontal > .ant-menu-item-active, .ant-menu-horizontal > .ant-menu-submenu-active, .ant-menu-horizontal > .ant-menu-item-open, .ant-menu-horizontal > .ant-menu-submenu-open, .ant-menu-horizontal > .ant-menu-item-selected, .ant-menu-horizontal > .ant-menu-submenu-selected {
        color: unset;
      }
    }
    .link {
      flex: 1;
      display: inline-block;
      text-align: right;
      color: inherit;
      button {
        color: inherit;
      }
    }
  }
  .card-control {
@@ -106,9 +133,27 @@
  clear: both;
}
.normal-navbar-edit-box:hover {
  z-index: 1;
  box-shadow: 0px 0px 4px #1890ff;
}
.top-menu-popover {
  padding-top: 0!important;
}
.normal-navbar-submenu {
  .ant-menu-item-group {
    float: left;
  }
  .ant-menu-item {
    height: 32px;
    line-height: 32px;
    span {
      display: inline-block;
      width: 100%;
      height: 100%;
      padding: 0 16px 0 28px;
    }
    padding: 0;
  }
  .ant-menu .ant-menu-item-selected {
    background-color: #ffffff;
  }
}