From da0bcd439a8f6c48a9110b067d5cfc55611cdee2 Mon Sep 17 00:00:00 2001
From: Savio <savio.96@hotmail.com>
Date: Fri, 20 Jan 2023 13:42:31 -0300
Subject: [PATCH] fix: Consertado o texto do body

---
 src/components/Caminhos/Caminhos.tsx         | 38 +++++++++-----------
 src/components/Caminhos/caminhos.module.scss |  5 ++-
 src/components/FormInput/FormInput.tsx       | 19 ++--------
 src/styles/partials/accordionBody.scss       |  3 ++
 4 files changed, 26 insertions(+), 39 deletions(-)

diff --git a/src/components/Caminhos/Caminhos.tsx b/src/components/Caminhos/Caminhos.tsx
index 5d49f93..7f6da21 100644
--- a/src/components/Caminhos/Caminhos.tsx
+++ b/src/components/Caminhos/Caminhos.tsx
@@ -7,27 +7,23 @@ import React, { useState } from "react";
 const Caminhos = (prop: { titulo: string }) => {
   return (
     <>
-      <nav>
-        <ul className={styles["caminhos-itens"]}>
-          <li className={styles["caminhos-item"]}>
-            <Link to="/">
-              <img
-                className={styles["home_img"]}
-                src={homeImg}
-                alt="Home image"
-              />
-            </Link>
-          </li>
-          <li className={styles["caminhos-item"]}>
-            <p>&gt;</p>
-          </li>
-          <li className={styles["caminhos-item"]}>
-            <p>{prop.titulo}</p>
-          </li>
-        </ul>
-      </nav>
-
-      <Outlet />
+      <ul className={styles["caminhos-itens"]}>
+        <li className={styles["caminhos-item"]}>
+          <Link to="/">
+            <img
+              className={styles["home_img"]}
+              src={homeImg}
+              alt="Home image"
+            />
+          </Link>
+        </li>
+        <li className={styles["caminhos-item"]}>
+          <p>&gt;</p>
+        </li>
+        <li className={styles["caminhos-item"]}>
+          <p>{prop.titulo}</p>
+        </li>
+      </ul>
     </>
   );
 };
diff --git a/src/components/Caminhos/caminhos.module.scss b/src/components/Caminhos/caminhos.module.scss
index 21ea896..95c3c15 100644
--- a/src/components/Caminhos/caminhos.module.scss
+++ b/src/components/Caminhos/caminhos.module.scss
@@ -13,7 +13,10 @@
     text-transform: uppercase;
     color: #c4c4c4;
     align-items: center;
-    @media screen and (min-width: 2500px) {
+  }
+  @media screen and (min-width: 2500px) {
+    align-items: flex-start;
+    p {
       font-size: 24px;
     }
   }
diff --git a/src/components/FormInput/FormInput.tsx b/src/components/FormInput/FormInput.tsx
index 3a0d5fb..8cb08b7 100644
--- a/src/components/FormInput/FormInput.tsx
+++ b/src/components/FormInput/FormInput.tsx
@@ -29,17 +29,7 @@ const FormInput = () => {
     tel: "",
     instagram: "",
     termos: false,
-  }; /*
-  const formik = useFormik({
-    initialValues: {
-      nome: "",
-      email: "",
-      cpf: "",
-      nascimento: "",
-      tel: "",
-      instagram: "",
-      termos: false,
-    },*/
+  };
   validationSchema: Yup.object({
     nome: Yup.string()
       .required("*Campo Obrigatório")
@@ -57,12 +47,7 @@ const FormInput = () => {
     tel: Yup.string().required("*Campo Obrigatório"),
     instagram: Yup.string().required("*Campo Obrigatório"),
     termos: Yup.boolean().required("*").isTrue(),
-  }); /*
-    onSubmit: function (values) {
-      alert(`You are registered! Name: ${values.nome}. Email: ${values.email}. Profession: ${values.cpf}. 
-              Age: ${values.nascimento},${values.tel},${values.instagram}`);
-    },
-  });*/
+  });
   const validacao = Yup.object().shape({
     nome: Yup.string()
       .required("*Campo Obrigatório")
diff --git a/src/styles/partials/accordionBody.scss b/src/styles/partials/accordionBody.scss
index b89a7ef..86dc244 100644
--- a/src/styles/partials/accordionBody.scss
+++ b/src/styles/partials/accordionBody.scss
@@ -62,5 +62,8 @@
       font-size: 26px;
       line-height: 30px;
     }
+    @media screen and (max-width: 1024px) {
+      text-align: justify;
+    }
   }
 }