From dc6b9bbe678e1b969a56afd0fbee35a1fea28ed7 Mon Sep 17 00:00:00 2001 From: joseCorte-exe Date: Fri, 13 May 2022 12:49:27 -0300 Subject: [PATCH] :bug: fix login page style bugs --- src/styles/globals.ts | 1 + src/styles/layouts/login/LoginView.ts | 18 ++++++++---------- 2 files changed, 9 insertions(+), 10 deletions(-) diff --git a/src/styles/globals.ts b/src/styles/globals.ts index f19dfcb..3fb50fd 100644 --- a/src/styles/globals.ts +++ b/src/styles/globals.ts @@ -5,6 +5,7 @@ export const GlobalStyle = createGlobalStyle` margin: 0; padding: 0; font-family: 'Poppins'; + background-color: #f9f9f9; } main { diff --git a/src/styles/layouts/login/LoginView.ts b/src/styles/layouts/login/LoginView.ts index f0e6db3..e8b680e 100644 --- a/src/styles/layouts/login/LoginView.ts +++ b/src/styles/layouts/login/LoginView.ts @@ -10,20 +10,17 @@ export const LoginView = styled.main<{auth: string}>` width: 100%; height: 100vh; - background-color: #f9f9f9; - padding: 0; + margin: 0; @media (max-width: 1196px) { flex-direction: column; - justify-content: center; + justify-content: flex-start; align-items: center; height: 100%; - padding: 20px; - - + padding: 100px; } `; @@ -66,10 +63,11 @@ export const LoginContainer = styled.section` } .line .text { - padding: 19px 56px; - color: #ABB3BB; - font-size: 14px; + padding: 19px 56px; + color: #ABB3BB; + font-size: 14px; } + span{ display: flex; align-self: flex-end; @@ -77,6 +75,7 @@ export const LoginContainer = styled.section` justify-content: flex-end; cursor: pointer; } + p{ color: #8B8B8B; text-align: center; @@ -91,5 +90,4 @@ export const LoginContainer = styled.section` width: 100%; margin: 0; } - `;