priyatham
/
Locaft
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

log in styled change

This commit is contained in:
Priyatham Sai Chand 2021-03-27 23:52:22 +05:30
parent a818be5766
commit 66e24f5d3c
2 changed files with 78 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
src/components/LogInContainer.js
View File

@ -19,6 +19,84 @@ const AppSide = styled.div`
flex-direction: column; flex-direction: column;
justify-content: flex-end; justify-content: flex-end;
`;
const AppForm = styled.div`
width: 50%;
background-color: #ffffff;
padding: 25px 40px;
overflow: auto;
`;
const PageSwitcher = styled.div`
display: flex;
justify-content: flex-end;
margin-bottom: 10%;
`;
const BannerHeading = styled.h1`
position: relative;
text-align: center;
font-family: Ubuntu;
font-size: 5rem;
font-weight: bold;
color: #ffffff;
text-decoration: none;
text-transform: lowercase;
`;
const PlaneContainer = styled.div`
width:100px;
display:flex;
margin-bottom: 50px;
align-content: flex-start;
justify-content: flex-start;
`;
const TextContainer = styled.p`
width: 50%;
background-color: #66bfbf;
display:flex;
flex-direction: column;
justify-content: flex-end;
`;
const BannerText = styled.p`
color:white;
font-size: 1.25em;
font-style:italic;
`;
const SkyContainer = styled.div`
margin-top: 600px;
width: 100%;
background-size: 100%;
`;
const PageSwitcher = styled(NavLink)`
background-color: #4C5D72;
color: white;
padding: 10px 25px;
cursor: pointer;
font-size: .9em;
border: none;
outline: none;
display: inline-block;
text-decoration: none;
${props = props.active ? css`
background-color: #66bfbf;
color: white;
`: css``}
`; `;
const LogInContainer = (props) => { const LogInContainer = (props) => {

40
src/login_reg.css
View File

@ -11,68 +11,28 @@
} }
.Apper__Form { .Apper__Form {
width: 50%;
background-color: #ffffff;
padding: 25px 40px;
overflow: auto;
} }
.PageSwitcher { .PageSwitcher {
display: flex;
justify-content: flex-end;
margin-bottom: 10%;
} }
.Apper_heading{ .Apper_heading{
position: relative;
text-align: center;
font-family: Ubuntu;
font-size: 5rem;
font-weight: bold;
color: #ffffff;
text-decoration: none;
text-transform: lowercase;
} }
.Apper_logo img{ .Apper_logo img{
width:100px;
display:flex;
margin-bottom: 50px;
align-content: flex-start;
justify-content: flex-start;
} }
.Apper__Aside__text { .Apper__Aside__text {
text-align: center;
margin-bottom: 25%;
} }
.Apper_quote{ .Apper_quote{
color:white;
font-size: 1.25em;
font-style:italic;
} }
.Apper__Aside_image{ .Apper__Aside_image{
margin-top: 600px;
width: 100%;
background-size: 100%;
} }
.PageSwitcher__Item { .PageSwitcher__Item {
background-color: #4C5D72;
color: white;
padding: 10px 25px;
cursor: pointer;
font-size: .9em;
border: none;
outline: none;
display: inline-block;
text-decoration: none;
} }
.PageSwitcher__Item--Active { .PageSwitcher__Item--Active {
background-color: #66bfbf;
color: white;
} }
.PageSwitcher__Item:first-child { .PageSwitcher__Item:first-child {