From 56b13d52af70b46e6815236a0719321c593aa56c Mon Sep 17 00:00:00 2001
From: AFFONSO_KOPMANN <affonsok@gmail.com>
Date: Fri, 20 Jan 2023 09:19:37 -0300
Subject: [PATCH] fix:Corrige Css do form.

---
 index.tsx                                | 16 ----------------
 react-app-env.d.ts                       |  1 -
 src/components/Footer/Footer.tsx         | 23 ++++++++++-------------
 src/schema/FormSchema.ts                 |  2 +-
 src/styles/main/form/form.module.css     | 11 ++++++-----
 src/styles/main/form/termForm.module.css |  4 ++--
 6 files changed, 19 insertions(+), 38 deletions(-)
 delete mode 100644 index.tsx
 delete mode 100644 react-app-env.d.ts

diff --git a/index.tsx b/index.tsx
deleted file mode 100644
index 586d070..0000000
--- a/index.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from "react";
-import ReactDOM from "react-dom/client";
-import "./styles/reset.css";
-import { Home } from "./pages/Home";
-import { PageProvider } from "./contexts/PageContext";
-
-const root = ReactDOM.createRoot(
-  document.getElementById("root") as HTMLElement
-);
-root.render(
-  <PageProvider>
-    <React.StrictMode>
-      <Home />
-    </React.StrictMode>
-  </PageProvider>
-);
\ No newline at end of file
diff --git a/react-app-env.d.ts b/react-app-env.d.ts
deleted file mode 100644
index 6431bc5..0000000
--- a/react-app-env.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-/// <reference types="react-scripts" />
diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
index 0ce91ba..f2c8c09 100644
--- a/src/components/Footer/Footer.tsx
+++ b/src/components/Footer/Footer.tsx
@@ -23,20 +23,17 @@ const Footer = () => {
         tempor
       </p>
       <div className={style["footer-home__payments"]}>
-        <div className={style["footer-home__payments--division"]}>
-          <ImagePayment urlImage={Master} textAlt="Bandeira Mastercard" />
-          <ImagePayment urlImage={Visa} textAlt="Bandeira Visa" />
-          <ImagePayment
-            urlImage={AmericanExpress}
-            textAlt="Bandeira AmericanExpress"
-          />
-          <ImagePayment urlImage={Elo} textAlt="Bandeira Elo" />
+        <div className= {style["footer-home__payments--division"]}>
+          <ImagePayment urlImage= {Master} textAlt="Bandeira Mastercard" />
+          <ImagePayment urlImage= {Visa} textAlt="Bandeira Visa" />
+          <ImagePayment urlImage= {AmericanExpress} textAlt="Bandeira AmericanExpress" />
+          <ImagePayment urlImage= {Elo} textAlt="Bandeira Elo" />
         </div>
-        <div className={style["footer-home__payments--division"]}>
-          <ImagePayment urlImage={Hiper} textAlt="Bandeira Hiper" />
-          <ImagePayment urlImage={Paypal} textAlt="Bandeira Paypal" />
-          <ImagePayment urlImage={Boleto} textAlt="Ícone Boleto" />
-          <ImagePayment urlImage={VtexPci} textAlt="Ícone VtexPci" vtexPci={true} />
+        <div className= {style["footer-home__payments--division"]}>
+          <ImagePayment urlImage= {Hiper} textAlt="Bandeira Hiper" />
+          <ImagePayment urlImage= {Paypal} textAlt="Bandeira Paypal" />
+          <ImagePayment urlImage= {Boleto} textAlt="Ícone Boleto" />
+          <ImagePayment urlImage= {VtexPci} textAlt="Ícone VtexPci" vtexPci={true} />
         </div>
       </div>
       <div
diff --git a/src/schema/FormSchema.ts b/src/schema/FormSchema.ts
index 5d5d79c..30e08cb 100644
--- a/src/schema/FormSchema.ts
+++ b/src/schema/FormSchema.ts
@@ -6,7 +6,7 @@ import CPF from "cpf";
 export default Yup.object().shape({
   name: Yup.string().min(3, "Nome inválido").required("Campo obrigatório"),
   email: Yup.string().email("Email inválido").required("Campo obrigatório"),
-  telefone: Yup.string()
+  telefone: Yup.string() 
     .required("Campo obrigatório")
     .phone("BR", true, "Telefone Inválido"),
   instagram: Yup.string().min(3, "Instagram inválido").required("Campo Obrigatório"),
diff --git a/src/styles/main/form/form.module.css b/src/styles/main/form/form.module.css
index 5a31994..6bc8307 100644
--- a/src/styles/main/form/form.module.css
+++ b/src/styles/main/form/form.module.css
@@ -3,21 +3,22 @@
   width: 100%;
 }
 .form{
-  max-width: 390px;
+  max-width: 720px;
   width: 100%;
   margin: 0 auto;
+  margin-left: 32px;
 }
 .form__title {
   font-size: 24px;
-  line-height: 23px;
-  font-weight: 400;
+  font-weight: 700;
+  line-height: 56px;
   color: var(--black-500);
 
   margin-bottom: 22px;
 }
 .form-button {
   width: 100%;
-  padding: 8px 0;
+  padding: 8px ;
   background: var(--black-500);
 
   border-radius: 25px;
@@ -42,7 +43,7 @@
 @media screen and (max-width: 768px) {
   .form{
     max-width: 100%;
-    margin-left: 32px;
+    margin-left: 16px;
   }
   .form__title {
     font-size: 18px;
diff --git a/src/styles/main/form/termForm.module.css b/src/styles/main/form/termForm.module.css
index 0e4c118..c20a206 100644
--- a/src/styles/main/form/termForm.module.css
+++ b/src/styles/main/form/termForm.module.css
@@ -22,7 +22,7 @@
   cursor: pointer;
 }
 .form-term__span {
-  color: var(--blue-500);
+  color: var(--black-500);
   cursor: help;
 }
 .form-term__input-group {
@@ -57,7 +57,7 @@
   width: 14px;
   height: 14px;
   border-radius: 3px;
-  background-color: var(--blue-500);
+  background-color: var(--black-500);
 }
 
 .form-term__input:checked ~ .form-term__input--custom::after {