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%;

View File

@ -12,6 +12,7 @@ $play-grad-start: #0a0533;
$play-grad-end: $accent-color;
$border-color: #7851ed;
$queue-background-color: $play-bar-background-color;
$error-color: red;
$auth-inputs: #796dd4;
$auth-containers: white;