Discharge7443/amazon-clone
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

doc: add additional styles to style the form and the rest of the content on Login component

Browse Source
This commit is contained in:
Leon Xu
2022-05-07 12:27:47 -07:00
parent cf0f429a94
commit a9dae9c63f
1 changed files with 60 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/Auth/Login.css
+60
View File
@@ -14,3 +14,63 @@
margin-right: auto;
margin-left: auto;
}
.login__container {
width: 300px;
height: fit-content;
display: flex;
flex-direction: column;
border-radius: 5px;
border: 1px solid lightgray;
padding: 20px;
}
.login__container {
width: 300px;
height: fit-content;
display: flex;
flex-direction: column;
border-radius: 5px;
border: 1px solid lightgray;
padding: 20px;
}
.login__container > h1 {
font-weight: 500;
margin-bottom: 20px;
}
.login__container > form > h5 {
margin-bottom: 5px;
}
.login__container > form > input {
height: 30px;
margin-bottom: 10px;
background-color: white;
width: 98%;
}
.login__container > p {
margin-top: 15px;
font-size: 12px;
}
.login__signInButton {
background: #f0c14b;
border-radius: 2px;
width: 100%;
height: 30px;
border: 1px solid;
margin-top: 10px;
border-color: #a88734 #9c7e31 #846a29;
}
.login__registerButton {
border-radius: 2px;
width: 100%;
height: 30px;
border: 1px solid;
margin-top: 10px;
border-color: darkgray;
}