registerPage.scss
TLDR
The registerPage.scss
file contains SCSS styling for the "Register" page. It sets the styles for the registration form and its elements, such as borders, sizes, and positioning.
.RegisterPage {
border: 1px solid #ccc;
border-radius: 15px;
width: 450px;
height: 600px;
margin: 150px auto;
padding: 40px;
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: column;
box-shadow: rgba(var(--center-channel-color-rgb), 0.1) 0 0 0 1px,
rgba(var(--center-channel-color-rgb), 0.3) 0 4px 8px;
form {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
@media screen and (max-width: 430px) {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
margin: auto;
padding-top: 10px;
}
.title {
font-size: 16px;
font-weight: 500;
}
.email,
.username,
.password {
margin-bottom: 10px;
label {
display: inline-block;
width: 140px;
}
input {
display: inline-block;
width: 250px;
border: 1px solid #ccc;
border-radius: 4px;
min-height: 44px;
padding: 7px;
}
}
form > .Button {
margin-top: 10px;
margin-bottom: 20px;
min-height: 38px;
min-width: 250px;
}
.error {
color: #900000;
}
}