@import '~ant-design-vue/es/style/themes/default.less';

.ant-pro-global-header-index-right {
  margin-right: 8px;

  &.ant-pro-global-header-index-dark {
    .ant-pro-global-header-index-action {
      color: hsl(0deg 0% 100% / 85%);

      &:hover {
        background: #1890ff;
      }
    }
  }

  .ant-pro-account-avatar {
    .antd-pro-global-header-index-avatar {
      margin: ~'calc((@{layout-header-height} - 24px) / 2)' 0;
      margin-right: 8px;
      color: @primary-color;
      vertical-align: top;
      background: rgb(255 255 255 / 85%);
    }
  }

  .menu {
    .anticon {
      margin-right: 8px;
    }

    .ant-dropdown-menu-item {
      min-width: 100px;
    }
  }
}

.ant-pro-sider-menu-logo {
  position: relative;
  height: 64px;
  padding-left: 15px !important;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  line-height: 64px;
  background: #001529;
}

.ant-layout-footer {
  display: none;
}
.ant-pro-basicLayout-content {
  margin: 0 !important;
  > .ant-pro-basicLayout-children-content-wrap {
    height: 100%;
    > .ant-pro-grid-content {
      height: 100%;
      > .ant-pro-page-header-wrap {
        height: 100%;
        margin: 0;
        > .ant-pro-grid-content {
          height: calc(100% - 89px);
          min-height: 0;
          > .ant-pro-page-header-wrap-children-content {
            height: 100%;
            margin: 0;
            padding: 24px;
            > div {
              height: calc(100vh - 201px);
              overflow: overlay;
            }
            .my-card {
              overflow: hidden;
              .ant-card-extra {
                display: flex;
                align-items: center;
                padding: 0;
              }
              .ant-card-body {
                height: 100%;
                overflow-y: auto;
              }
            }
            .my-card-has-title {
              .ant-card-body {
                height: calc(100% - 64px);
              }
            }
          }
        }
      }
    }
  }
}