changes to login

modified:   src/pages/login.rs
	modified:   src/pages/signup.rs
	modified:   style/login.scss
	modified:   style/signup.scss
This commit is contained in:
2024-02-23 21:03:10 -05:00
parent f4bea8aa33
commit 2b76340608
4 changed files with 55 additions and 22 deletions

View File

@ -1,20 +1,20 @@
@import 'theme.scss';
@import "theme.scss";
.login-container {
display: flex;
flex-direction: column;
align-items: center;
position: fixed;
top: 50%;
left: 50%;
width: 27rem;
height: 30rem;
transform: translate(-50%, -50%);
background: purple;
z-index: 1;
border-radius: 8px;
overflow: hidden;
}
display: flex;
flex-direction: column;
align-items: center;
position: fixed;
top: 50%;
left: 50%;
width: 27rem;
height: 30rem;
transform: translate(-50%, -50%);
background: purple;
z-index: 1;
border-radius: 8px;
overflow: hidden;
}
.login-container .header h1 {
margin-top: 3rem;
@ -25,7 +25,7 @@
width: 75%;
}
.login-form .input-box:first-child {
margin-top: .5rem;
margin-top: 1rem;
}
.login-form .input-box {
position: relative;
@ -87,7 +87,7 @@
.login-form .forgot-pw {
display: inline-flex;
margin-top: 3px;
font-size: .9rem;
font-size: 0.9rem;
cursor: pointer;
color: #8f8f8f;
text-decoration: underline;
@ -110,7 +110,7 @@
}
.login-form .go-to-signup {
color: #8f8f8f;
font-size: .9rem;
font-size: 0.9rem;
}
.login-form .go-to-signup a {
cursor: pointer;
@ -133,8 +133,19 @@
display: flex;
align-items: center;
justify-content: center;
padding: .3rem;
padding: 0.3rem;
}
.login-container .return:hover {
background-color: rgba(0, 0, 0, 0.4);
}
.login-password-visibility {
position: absolute;
font-size: 1.7rem;
top: 28%;
right: 5px;
z-index: 5;
cursor: pointer;
border: none;
background-color: transparent;
color: white;
}