diff --git a/src/components/contato/style.module.scss b/src/components/contato/style.module.scss
index 903b7ff..bc123c7 100644
--- a/src/components/contato/style.module.scss
+++ b/src/components/contato/style.module.scss
@@ -30,6 +30,7 @@
@media (max-width: 1024px) {
text-align: center;
+ margin: 30px 0 12px 0;
}
}
diff --git a/src/components/header/index.tsx b/src/components/header/index.tsx
index 23f1cff..ba18cf9 100644
--- a/src/components/header/index.tsx
+++ b/src/components/header/index.tsx
@@ -61,14 +61,16 @@ const Header = ({handleOpenModal}:MenuProps) => {
diff --git a/src/components/header/style.module.scss b/src/components/header/style.module.scss
index 8696580..963bd01 100644
--- a/src/components/header/style.module.scss
+++ b/src/components/header/style.module.scss
@@ -238,6 +238,10 @@
width: 93.36%;
// margin: 0 auto;
+ .search-box-wrapper {
+ width: 100%;
+ }
+
input {
width: 100%;
background-color: var(--white);
diff --git a/src/components/footer/newsletter/index.tsx b/src/components/newsletter/index.tsx
similarity index 55%
rename from src/components/footer/newsletter/index.tsx
rename to src/components/newsletter/index.tsx
index 0584793..0cf33cf 100644
--- a/src/components/footer/newsletter/index.tsx
+++ b/src/components/newsletter/index.tsx
@@ -1,7 +1,7 @@
import React from "react";
import { Formik, Form, Field, ErrorMessage } from "formik";
-import NewsFormSchema from "../../../schema/NewsFormSchema";
+import NewsFormSchema from "../../schema/NewsFormSchema";
import styles from "./style.module.scss";
@@ -14,31 +14,30 @@ const initialValues = {
};
const Newsletter = () => {
-
const handleFormikSubmit = (values: IFormikValues, { resetForm }: any) => {
resetForm();
console.log(values);
};
-
+
return (
Assine nossa newsletter
-
-
+ onSubmit={handleFormikSubmit}
+ initialValues={initialValues}
+ validationSchema={NewsFormSchema}
+ >
+
+
);
diff --git a/src/components/footer/newsletter/style.module.scss b/src/components/newsletter/style.module.scss
similarity index 93%
rename from src/components/footer/newsletter/style.module.scss
rename to src/components/newsletter/style.module.scss
index 279eeec..0ad328e 100644
--- a/src/components/footer/newsletter/style.module.scss
+++ b/src/components/newsletter/style.module.scss
@@ -6,8 +6,12 @@
background: var(--white);
margin-top: 70px;
+ @media (max-width: 1024px) {
+ margin-top: 81.56px;
+ }
+
&__wrapper {
- width: 37.032%;
+ width: 474px;
margin: 16px auto;
@media (min-width: 2500px) {
@@ -21,6 +25,7 @@
@media (max-width: 599px) {
width: 91.6%;
+ margin: 16px auto;
}
}
@@ -47,6 +52,10 @@
form {
position: relative;
+
+ @media (max-width: 599px) {
+ width: 100%;
+ }
}
input {
diff --git a/src/pages/Institucional.tsx b/src/pages/Institucional.tsx
index eb31d2f..760dcc3 100644
--- a/src/pages/Institucional.tsx
+++ b/src/pages/Institucional.tsx
@@ -5,7 +5,7 @@ import { Breadcrumb } from "../components/breadcrumbs-title";
import { SideBar } from "../components/sidebar";
import { Footer } from "../components/footer";
import { BrowserRouter } from "react-router-dom";
-import { Newsletter } from "../components/footer/newsletter";
+import { Newsletter } from "../components/newsletter";
const Institucional = () => {
const [openModal, setOpenModal] = useState(false);
@@ -23,7 +23,7 @@ const Institucional = () => {
- BrowserRouter>
+
);
};