UserLayout.less 751 Bytes
@import '~antd/es/style/themes/default.less';

.container {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: auto;
  position: relative;
  background-color: #F5F5F5;
  .bgTop {
    background-color: @primary-color;
    height: 400px;
    div {
      color: #fff;
      text-align: center;
      font-size: 22px;
      position: absolute;
      top: 170px;
      left: 50%;
      letter-spacing: 2px;
      transform: translateX(-50%);
    }
  }
  .content {
    position: absolute;
    background-color: #fff;
    border-radius: 2px;
    top: 220px;
    left: 50%;
    z-index: 2;
    transform: translateX(-50%);
    .login {
      width: 400px;
      box-shadow: 0 4px 50px 0 rgba(121,173,201,.17);
    }
  }
}