update login functionality and UI; updated Navbar for routing, modified LoginPage and improve styles.
This commit is contained in:
parent
1b2f4b10ba
commit
9cd6ae4ccb
8 changed files with 82 additions and 52 deletions
|
|
@ -1,3 +1,21 @@
|
|||
// .login-page {
|
||||
// min-height: 100vh;
|
||||
// display: flex;
|
||||
// justify-content: center;
|
||||
// align-items: center;
|
||||
|
||||
// background-image: url("../../../public/images/grid-background.png");
|
||||
// background-size: cover;
|
||||
// background-position: center;
|
||||
// background-repeat: no-repeat;
|
||||
// background-attachment: fixed;
|
||||
|
||||
// section {
|
||||
// width: 100%;
|
||||
// max-width: 800px;
|
||||
// padding: 20px;
|
||||
// }
|
||||
// }
|
||||
.App {
|
||||
font-family: sans-serif;
|
||||
text-align: center;
|
||||
|
|
@ -10,7 +28,12 @@
|
|||
}
|
||||
|
||||
body {
|
||||
background: #f6f5f7;
|
||||
background: transparent;
|
||||
background-image: url("../../../public/images/grid-background.png");
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
|
@ -27,6 +50,8 @@ h1 {
|
|||
|
||||
h2 {
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
p {
|
||||
|
|
@ -227,8 +252,8 @@ input {
|
|||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 0 5px;
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
height: 60px;
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
footer {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue