estateagents-admin-manager/src/pages/user/login/components/Login/index.less

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

.topBox{
height:42vh;
background-color: #DB3C4B;
position: relative;
  .con{
    position: absolute;
    left:50%;
    top:50%;
    margin-top: -100px;
    margin-left: -150px;
    text-align: center;
    height: 200px;
    width: 310px;
    .welcome{
      color: #fff;
      font-size: 62px;
      font-style: italic;
      margin-bottom: 0;
      font-family: initial;
    }
    .title{
      width: 260px;
      height: 102px;
      border:1px solid #fff;
      text-align: left;
      color:#fff;
      padding: 14px  20px;
      margin:  0 auto;
      .name{
        font-size: 41px;
        margin:0; 
      }
    }
    }
}
.login {
  background-color: #fff;
  width:100%;
  height:58vh;
  border-radius:0px 30px 30px 0px;
  margin: 0 auto;
  padding: 10vh 0;
  :global {
    .ant-tabs .ant-tabs-bar {
      margin-bottom: 24px;
      text-align: center;
      border-bottom: 0;
    }
    .ant-form-item {
      margin: 0 2px 24px;
    }
    .ant-input-affix-wrapper,.ant-form-item-control{ 
      width: 36vw;
      max-width: 600px;
      min-width: 200px;
      margin: 0 auto;
      display: block;
      }
  }

  .getCaptcha {
    display: block;
    width: 100%;
  }

  .icon {
    margin-left: 16px;
    color: rgba(0, 0, 0, 0.2);
    font-size: 24px;
    vertical-align: middle;
    cursor: pointer;
    transition: color 0.3s;

    &:hover {
      color: @primary-color;
    }
  }

  .other {
    margin-top: 24px;
    line-height: 22px;
    text-align: left;

    .register {
      float: right;
    }
  }

  .prefixIcon {
    color: #fff;
    font-size:  0.11rem;
    background-color: #EF273A;
    padding: 3px 4px;
  }

  .submit {
    width: 100%;
    margin-top: 24px;
  }
}