11import styled from 'styled-components' ;
22import { theme } from '../../styles/index' ;
33
4- /* RESPONSIVIDADE:
5-
6- @media (min-width: 375px) {
7-
8- }
9-
10- @media (min-width: 769px) {
11-
12- }
13-
14- @media (min-width: 1024px) {
15-
16- }
17-
18- @media (min-width: 1200px) {
19-
20- }
21-
22-
23- Para telas maiores que 1200px
24- @media (min-width: 1200px) {
25-
26- }
27- */
28-
294export const ContainerPageLogin = styled . div `
305 padding: 1.3rem;
316 background: ${ theme . palette . white [ 1 ] } ;
32- /* height: 94.5vh; */
337 display: flex;
348 flex-direction: column;
359 align-items: center;
36-
37- /* @media (min-width: 375px) {
38- height: 94.4vh;
39- }
40-
41- @media (min-width: 769px) {
42- height: 92.6vh;
43- }
44-
45- @media (min-width: 1024px) {
46- height: 92.6vh;
47- }
48-
49- @media (min-width: 1200px) {
50- } */
5110` ;
5211
5312export const SubtitleLogin = styled . h2 `
@@ -76,12 +35,6 @@ export const ContainerLogoAndTitle = styled.div`
7635 justify-content: center;
7736 font-size: 1rem;
7837
79- @media (min-width: 769px) {
80- /* border: red solid 7px; */
81- /* font-size: 1rem; */
82- /* padding: 3rem 3rem 1rem 3rem; */
83- }
84-
8538 @media (min-width: 1024px) {
8639 font-size: 1.3rem;
8740 }
@@ -95,9 +48,7 @@ export const ImageLogo = styled.img`
9548export const ContainerContentLogin = styled . div `
9649 @media (min-width: 1200px) {
9750 form {
98- /* height: 92.6vh; */
9951 width: 40vw;
100- /* margin: 0 auto; */
10152 }
10253 }
10354` ;
@@ -108,9 +59,6 @@ export const ContainerForms = styled.div`
10859 align-items: center;
10960 justify-content: center;
11061 padding: 1rem;
111- /* border: red solid 7px; */
112- /* margin-top: 10vh; */
113- /* margin-top: 8vh; */
11462
11563 form {
11664 display: flex;
@@ -119,22 +67,6 @@ export const ContainerForms = styled.div`
11967 justify-content: center;
12068 }
12169
122- @media (min-width: 375px) {
123- /* border: red solid 7px; */
124- /* margin-top: 3vh; */
125- }
126-
127- @media (min-width: 769px) {
128- }
129-
130- @media (min-width: 1024px) {
131- }
132-
133- @media (min-width: 1200px) {
134- /* border: blue solid 2px; */
135- }
136-
137- /* === */
13870 @media (min-width: 769px) {
13971 margin-top: 2vh;
14072 }
@@ -159,7 +91,6 @@ export const ButtonLoginPage = styled.button`
15991
16092 @media (min-width: 1200px) {
16193 width: 40vw;
162- /* border: solid red 1px; */
16394 }
16495` ;
16596
@@ -176,7 +107,6 @@ export const ButtonCreateAccount = styled.button`
176107
177108 @media (min-width: 1200px) {
178109 width: 40vw;
179- /* border: solid red 1px; */
180110 }
181111` ;
182112
0 commit comments