93 lines
1.7 KiB
SCSS
93 lines
1.7 KiB
SCSS
.Auth {
|
|
min-height: 100vh;
|
|
width: 100%;
|
|
position: relative;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
position: relative;
|
|
z-index: 2;
|
|
&::after {
|
|
position: absolute;
|
|
top: 2%;
|
|
width: 98%;
|
|
margin-inline: auto;
|
|
height: 60%;
|
|
content: "";
|
|
background: url("../../../public/Layout/auth_bg.png");
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
z-index: 1;
|
|
padding: 20px;
|
|
border-radius: 20px;
|
|
}
|
|
.In_Auth {
|
|
z-index: 2;
|
|
padding-top: 50px;
|
|
|
|
> header {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: var(--white);
|
|
h1 {
|
|
font-size: 1.5vw;
|
|
font-weight: 400;
|
|
}
|
|
p {
|
|
font-size: 1vw;
|
|
font-weight: 200;
|
|
}
|
|
}
|
|
}
|
|
|
|
.AuthForm {
|
|
img {
|
|
width: 5vw;
|
|
}
|
|
width: 25vw;
|
|
min-width: 300px;
|
|
|
|
@include Shadow;
|
|
background: var(--bg);
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
padding: 3vw;
|
|
border-radius: 20px;
|
|
gap: 10px;
|
|
.AuthInput {
|
|
min-width: 100% !important;
|
|
.passwordInput,
|
|
.Input {
|
|
height: 3vw;
|
|
}
|
|
}
|
|
.AuthSelect {
|
|
min-width: 100% !important;
|
|
.Select {
|
|
height: 3vw;
|
|
}
|
|
.ant-select-single.ant-select-lg {
|
|
width: 100%;
|
|
}
|
|
}
|
|
.SubmitButton {
|
|
color: var(--white);
|
|
background: #3182ce;
|
|
margin-top: 20px;
|
|
}
|
|
}
|
|
.form-label {
|
|
font-size: 1vw;
|
|
}
|
|
}
|
|
/* Remove autofill background color */
|
|
input:-webkit-autofill {
|
|
-webkit-box-shadow: 0 0 0 1000px white inset !important;
|
|
}
|
|
|
|
/* Ant picker year panel container */
|