Add loading and error messages to login page

This commit is contained in:
2024-11-23 00:46:30 -05:00
parent 9b48fc0204
commit 930618dcad
3 changed files with 31 additions and 2 deletions

View File

@ -8,7 +8,7 @@
top: 50%;
left: 50%;
width: 27rem;
height: 30rem;
height: 31rem;
transform: translate(-50%, -50%);
background: $auth-containers;
z-index: 1;
@ -96,6 +96,17 @@
color: #fff;
transition: all 0.2s;
}
.login-form .error-msg {
color: $error-color;
margin-top: 1rem;
height: 1rem;
}
.login-form .loading {
margin-top: 4.5rem;
margin-left: auto;
margin-right: auto;
margin-bottom: calc(1.5rem - 10px);
}
.login-form input[type="submit"] {
margin-top: 3rem;
width: 100%;