mobile fonts #23

arrumando tamanho das fontes no mobile
IDEjr · Sep 8, 2024 · 1b13195 · 1b13195
1 parent e5fc165
commit 1b13195
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 11 deletions.
diff --git a/src/components/contato/ContactForm/HeaderForm.js b/src/components/contato/ContactForm/HeaderForm.js
@@ -4,7 +4,7 @@ function HeaderForm(){
     return(
         <div className={styles.headerForm}>
             <div className={styles.headerFormTxt}>
-                <p>Entre em contato com a gente <br /> <spam className={styles.lowTxt}> retornamos sua mensagem em até 5 dias úteis.</spam></p>
+                <p>entre em contato com a gente <br /> <spam className={styles.lowTxt}> retornamos sua mensagem em até 5 dias úteis.</spam></p>
             </div>
             <div className={styles.headerFormHR}>
                 <hr />

diff --git a/src/components/contato/ContactForm/form.module.css b/src/components/contato/ContactForm/form.module.css
@@ -25,7 +25,7 @@
 }
 
 .row input, .row select{
-    height: 70% !important; 
+    height: 75% !important; 
     width: 32%;
     box-sizing:content-box;
     background-color: #D9D9D9;
@@ -41,7 +41,7 @@
 .row > input, .row > select, .form > input, .form > textarea{
 
     height: 7vh;
-    border-radius: 20px;
+    border-radius: 15px;
     border-style: hidden;
     background-color: #D9D9D9;
     font-size: 1vw;
@@ -136,6 +136,7 @@ input[type="date"]:not(.has-value):valid:before{
         width: 100% ; 
         margin-top: 2vh;
         border-radius: 20px;
+        font-size: 3.72vw;
     }
 
     .form{

diff --git a/src/components/contato/ContactForm/headerForm.module.css b/src/components/contato/ContactForm/headerForm.module.css
@@ -22,11 +22,11 @@
 }
 
 .lowTxt {
-    font-size: 1.4vw;
+    font-size: 1vw;
     /* font-size: 1vw; */
 }
 .headerFormTxt > p {
-    font-size: 1.8vw;
+    font-size: 1.518vw;
     /* font-size: 1.52vw; */
     text-align: left;
     color: white;
@@ -51,12 +51,11 @@
 
 
     .headerFormTxt > p {
-        font-size: 6vw;
+        font-size: 4.95vw;
     }
 
     .lowTxt {
-        font-size: 4vw;
+        font-size: 3.42vw;
     }
 
-
   }
diff --git a/src/components/contato/ContactText/contact.module.css b/src/components/contato/ContactText/contact.module.css
@@ -25,7 +25,7 @@
 .highText {
     width: 40%;
     text-align: left;
-    font-size: 4.2vw
+    font-size: 2.7vw
 }
 
 
@@ -37,7 +37,7 @@
 } */
 
 .lowText {
-    font-size: 1.95vw;
+    font-size:  1vw;
     position: relative;
     bottom: 0;
     text-align: left;
@@ -63,6 +63,11 @@
     flex-direction: column;
     align-items: center;
 }
+
+.Allegin{
+    font-family: Allegin;
+}
+
 @media screen and (max-width: 600px) {
 
 /*     .highText {

diff --git a/src/components/contato/ContactText/index.js b/src/components/contato/ContactText/index.js
@@ -5,7 +5,7 @@ function ContactText(){
 
     return(
         <div className={styles.contact}>
-                <p className={styles.highText}> empresas que investem em <span className='Allegin'>design crescem</span> o dobro das líderes suas indústrias </p>
+                <p className={styles.highText}> empresas que investem em <span className={styles.Allegin}>design crescem</span> o dobro das líderes suas indústrias </p>
                 <div className={styles.lowTextAux}>
                     <p className={styles.lowText}> { TextLow } </p>
                 </div>