@import "src/styles.scss";

nz-layout {
  background: $body-background;
}

.layout {
  width: 100%;
  height: 100%;

  .login_pannl {
    height: 100%;
    flex-direction: row;
    display: flex;
    align-items: center;
    justify-content: flex-end;

    .pannel {
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-around;
      margin: 0 1rem;
    }
  }

  .rightcontent {
    margin-top: 0.5%;
  }

  .inner-content {
    width: 99.5%;
    // margin-top: 0.5%;
    margin-left: 0.5%;
    min-height: 99%;
    background: $content-background;
  }

  .leftbanner {
    margin-top: 0.5%;
    display: flex;
    flex-wrap: nowrap;
    background: $content-background;

    .menu-list {
      margin-top: 1.4rem;
    }
  }

  .switch {
    display: flex;
    width: 100%;
    align-items: center;
    background: $content-background;
  }
}

#silder {
  font-size: 1.4rem;
  overflow-y: auto;
  overflow-x: hidden;
  background: $content-background;
  width: 90%;
  display: flex;
  flex-direction: column;

  &::-webkit-scrollbar {
    width: 0.11rem;
  }

  .ant-menu-inline {
    border: 0;
  }

  .ant-menu {
    background: 0;
    background-color: 0;
  }

  .innerul {
    .ant-menu {
      background: 0;
      background-color: 0;
    }
  }
}

nz-header {
  background: $header-background;
  color: $header-color;
  line-height: 0;
  padding: 0;
  height: 4.8rem;

  .ant-row {
    height: 100%;
  }

  .login_pannl {
    line-height: 100%;
    text-align: right;
    padding: 0 1rem;
  }

  .logo {
    // height: 8%;
    min-height: 3.5rem;
    height: 100%;
    display: inline-block;
  }
}

nz-breadcrumb {
  height: 5%;
  padding: 0.5% 0;
  font-size: 1.4rem;
}

nz-footer {
  text-align: center;
  padding: 1rem;
}

:host ::ng-deep {
  .ant-menu-sub.ant-menu-inline {
    background: $content-background;
  }

  .ant-menu-inline,
  .ant-menu-vertical,
  .ant-menu-vertical-left {
    border-right: unset
  }
}



.placeholder { //占位
  margin: 0 16px;
}