From 576b376c7136de63f91cb50c24a6d27cc45c5a06 Mon Sep 17 00:00:00 2001
From: Emmanuel Vitor <emmanuelvitor.ti@gmail.com>
Date: Tue, 17 Jan 2023 22:40:59 -0300
Subject: [PATCH] fix: ajusta responsividade em telas acima de 2500

---
 src/index.css                              |  2 +-
 src/pages/Intitucional/Contato.module.scss | 52 +++++++++++++++++++---
 src/pages/Intitucional/Contato.tsx         |  2 +-
 3 files changed, 47 insertions(+), 9 deletions(-)

diff --git a/src/index.css b/src/index.css
index 683afd1..dd8867e 100644
--- a/src/index.css
+++ b/src/index.css
@@ -7,7 +7,7 @@ body {
     sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  /* background-color: gray; */
+  background-color: gray;
 }
 
 code {
diff --git a/src/pages/Intitucional/Contato.module.scss b/src/pages/Intitucional/Contato.module.scss
index 573d011..25e9d22 100644
--- a/src/pages/Intitucional/Contato.module.scss
+++ b/src/pages/Intitucional/Contato.module.scss
@@ -8,6 +8,12 @@
     font-size: 14px;
     line-height: 16px;
 
+    @media (min-width: 2500px) {
+        font-size: 28px;
+        line-height: 32px;
+
+    }
+
     @media (min-width: 1025px) {
         width: 100%;
         padding: 0px;
@@ -18,7 +24,7 @@
     }
 
     input {
-        padding: 15px 20px;
+        padding: 14px 20px;
         border: 1px solid #100D0E;
         border-radius: 25px;
         font-family: "Roboto";
@@ -29,9 +35,26 @@
         color: #000;
         outline: none;
 
-        &::placeholder {
-            color: gray;
+
+        @media (min-width: 2500px) {
+            font-size: 28px;
+            line-height: 33px;
+
+
         }
+    }
+
+    &::placeholder {
+        color: gray;
+
+        @media (min-width: 2500px) {
+            font-size: 28px;
+            line-height: 33px;
+
+
+
+        }
+
 
     }
 
@@ -39,6 +62,7 @@
 
     .invalid {
         border: 1px solid red;
+
     }
 
     .error {
@@ -50,12 +74,13 @@
         font-size: 12px;
         line-height: 14px;
         color: red;
-    }
 
-    .form-ivalid-feedback {
-        background-color: aqua;
-    }
+        @media (min-width: 2500px) {
+            font-size: 24px;
+            line-height: 28px;
 
+        }
+    }
 
 
     button {
@@ -63,6 +88,13 @@
         background: #000;
         border-radius: 25px;
         color: #fff;
+
+        @media (min-width: 2500px) {
+            padding: 14.5px;
+            font-size: 32px;
+            line-height: 38px;
+
+        }
     }
 
     .checkbox_wrapper {
@@ -81,6 +113,12 @@
             border: 1px solid #000;
             border-radius: 3px;
             margin: 0 4px;
+
+            @media (min-width: 2500px) {
+                width: 36.4px;
+                height: 35.15px;
+
+            }
         }
     }
 
diff --git a/src/pages/Intitucional/Contato.tsx b/src/pages/Intitucional/Contato.tsx
index f451759..12f1a36 100644
--- a/src/pages/Intitucional/Contato.tsx
+++ b/src/pages/Intitucional/Contato.tsx
@@ -83,7 +83,7 @@ export const Contato = () => {
                             name="data" as={InputMask} mask="99.99.9999"
                             type="string"
                             placeholder="00.00.0000"
-                            className={errors.data && touched.data && style["invalid"]}
+                            className={touched.data && style["invalid"]}
                         />
                         <label className={style["label__form"]} htmlFor="telefone">Telefone:</label>
                         <span className={style["error"]}>