From 8eb398eaf6d3eaece7a6aa38a0e328a7bace26c4 Mon Sep 17 00:00:00 2001
From: carloswinter <caduwinteer@gmail.com>
Date: Fri, 20 Jan 2023 14:42:37 -0300
Subject: [PATCH 1/2] fix(form): corrige estilos em scss do submit do
 formulario

---
 src/components/ContactForm.tsx |  4 +++-
 src/pages/Contact.modules.scss | 15 +++++++++++++++
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/components/ContactForm.tsx b/src/components/ContactForm.tsx
index 4378ee6..99a4daa 100644
--- a/src/components/ContactForm.tsx
+++ b/src/components/ContactForm.tsx
@@ -125,7 +125,9 @@ export const ContactForm = () => {
             />
           </div>
           <button>CADASTRE-SE</button>
-          {isSubmited && <span>*Formulário enviado com sucesso!</span>}
+          {isSubmited && (
+            <span className="formSubmit">*Formulário enviado com sucesso!</span>
+          )}
         </Form>
       )}
     </Formik>
diff --git a/src/pages/Contact.modules.scss b/src/pages/Contact.modules.scss
index 2090f6a..c3b41a1 100644
--- a/src/pages/Contact.modules.scss
+++ b/src/pages/Contact.modules.scss
@@ -62,6 +62,21 @@ form {
       }
     }
   }
+  .formSubmit {
+    font-family: "Roboto";
+    font-style: normal;
+    font-weight: 400;
+    font-size: 12px;
+    line-height: 14px;
+    margin-top: 12.56px;
+
+    color: #008000;
+    @media (min-width: 2500px) {
+      font-size: 24px;
+      line-height: 28px;
+      margin-top: 12px;
+    }
+  }
   .error {
     display: flex;
     justify-content: end;

From 175f6ba9daf8967820faca0c967da83be96dc1d0 Mon Sep 17 00:00:00 2001
From: carloswinter <caduwinteer@gmail.com>
Date: Fri, 20 Jan 2023 14:47:19 -0300
Subject: [PATCH 2/2] fix(form): corrige mensagem de erro no formulario

---
 src/components/ContactForm.tsx | 2 +-
 src/pages/Contact.modules.scss | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/ContactForm.tsx b/src/components/ContactForm.tsx
index 99a4daa..8757af5 100644
--- a/src/components/ContactForm.tsx
+++ b/src/components/ContactForm.tsx
@@ -114,7 +114,7 @@ export const ContactForm = () => {
 
           <div className="checkbox_wrapper">
             <label htmlFor="checkbox">Declaro que li e aceito</label>
-            <span className="error">
+            <span className="errorCheckbox">
               <ErrorMessage name="checkbox" className="form-ivalid-feedback" />
             </span>
             <Field
diff --git a/src/pages/Contact.modules.scss b/src/pages/Contact.modules.scss
index c3b41a1..ace01de 100644
--- a/src/pages/Contact.modules.scss
+++ b/src/pages/Contact.modules.scss
@@ -96,6 +96,14 @@ form {
       line-height: 28px;
     }
   }
+  .errorCheckbox {
+    font-family: "Roboto";
+    font-style: normal;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 16px;
+    color: #ff0000;
+  }
 
   .checkbox_wrapper {
     margin: 12px 0;