Completely Finished Design of Login Page
modified: src/pages/login.rs modified: src/pages/signup.rs modified: style/login.scss
This commit is contained in:
@ -56,7 +56,7 @@
|
||||
padding: 15px 0px 10px;
|
||||
pointer-events: none;
|
||||
color: #907163;
|
||||
font-size: 1.2em;
|
||||
font-size: 1.19em;
|
||||
letter-spacing: 0.5px;
|
||||
transition: 0.5s;
|
||||
}
|
||||
@ -87,6 +87,7 @@
|
||||
.login-form .forgot-pw {
|
||||
display: inline-flex;
|
||||
margin-top: 3px;
|
||||
font-size: .9rem;
|
||||
cursor: pointer;
|
||||
color: #8f8f8f;
|
||||
text-decoration: underline;
|
||||
@ -96,7 +97,7 @@
|
||||
transition: all 0.2s;
|
||||
}
|
||||
.login-form input[type="submit"] {
|
||||
margin-top: 2.8rem;
|
||||
margin-top: 3rem;
|
||||
width: 100%;
|
||||
height: 3rem;
|
||||
border: none;
|
||||
@ -108,28 +109,31 @@
|
||||
background-color: #582b17;
|
||||
}
|
||||
.login-form .go-to-signup {
|
||||
margin-top: 11px;
|
||||
color: #8f8f8f;
|
||||
font-size: .9rem;
|
||||
}
|
||||
.login-form .go-to-signup span {
|
||||
.login-form .go-to-signup a {
|
||||
cursor: pointer;
|
||||
color: #8f8f8f;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.login-form .go-to-signup span:hover {
|
||||
.login-form .go-to-signup a:hover {
|
||||
color: #fff;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
.login-container .return {
|
||||
position: absolute;
|
||||
left: 15px;
|
||||
top: 15px;
|
||||
left: 10px;
|
||||
top: 10px;
|
||||
font-size: 1.8rem;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
width: 50px;
|
||||
transition: all 0.3s;
|
||||
border-radius: 8px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: .3rem;
|
||||
}
|
||||
.login-container .return:hover {
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
|
Reference in New Issue
Block a user