🐛 fix login page style bugs

This commit is contained in:
joseCorte-exe 2022-05-13 12:49:27 -03:00
parent 775d141482
commit dc6b9bbe67
2 changed files with 9 additions and 10 deletions

View File

@ -5,6 +5,7 @@ export const GlobalStyle = createGlobalStyle`
margin: 0; margin: 0;
padding: 0; padding: 0;
font-family: 'Poppins'; font-family: 'Poppins';
background-color: #f9f9f9;
} }
main { main {

View File

@ -10,20 +10,17 @@ export const LoginView = styled.main<{auth: string}>`
width: 100%; width: 100%;
height: 100vh; height: 100vh;
background-color: #f9f9f9;
padding: 0; padding: 0;
margin: 0;
@media (max-width: 1196px) { @media (max-width: 1196px) {
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: flex-start;
align-items: center; align-items: center;
height: 100%; height: 100%;
padding: 20px; padding: 100px;
} }
`; `;
@ -66,10 +63,11 @@ export const LoginContainer = styled.section`
} }
.line .text { .line .text {
padding: 19px 56px; padding: 19px 56px;
color: #ABB3BB; color: #ABB3BB;
font-size: 14px; font-size: 14px;
} }
span{ span{
display: flex; display: flex;
align-self: flex-end; align-self: flex-end;
@ -77,6 +75,7 @@ export const LoginContainer = styled.section`
justify-content: flex-end; justify-content: flex-end;
cursor: pointer; cursor: pointer;
} }
p{ p{
color: #8B8B8B; color: #8B8B8B;
text-align: center; text-align: center;
@ -91,5 +90,4 @@ export const LoginContainer = styled.section`
width: 100%; width: 100%;
margin: 0; margin: 0;
} }
`; `;