From 7a44067e59a44489bcd6cf9e5fb7d06715923e26 Mon Sep 17 00:00:00 2001
From: Ramon Dias Ferreira <ramondf13@gmail.com>
Date: Fri, 20 Jan 2023 16:58:11 -0300
Subject: [PATCH] fix: ajustes responsivos footer

---
 src/assets/img/fechar.png      | Bin 0 -> 269 bytes
 src/components/header/Menu.tsx |   7 +++++
 src/styles/Footer.module.scss  |  53 +++++++++++++++++++++++++++++----
 3 files changed, 55 insertions(+), 5 deletions(-)
 create mode 100644 src/assets/img/fechar.png

diff --git a/src/assets/img/fechar.png b/src/assets/img/fechar.png
new file mode 100644
index 0000000000000000000000000000000000000000..2d8e52b15337e017be516ecd121dd868a9195812
GIT binary patch
literal 269
zcmeAS@N?(olHy`uVBq!ia0vp^{2<K11|+SoP4xm&oCO|{#S9GG!XV7ZFl&wkP>``W
z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eB{vuBo$B+ufxf2-$4;k>dDklnQCGxciKVy*D
z!l%W^Ik|yFMIlkh?q)2TqIcEpe|PuC&E99?+3CWd*S%7)ul&tDIk7(>Oa>e87o|t;
zHZ^z{zm##ERLRM(>uf(ZrQY4kBKJf0rpk$o)9j&5Ra_!F_#bRxpToajrlIWrhXWUP
zbNrvZicNUiDz!Y}=@|}{?%tdE(!NcuU0g9^ag(~0R%T*@&tK*>qQBR(+z4p{x|YGy
L)z4*}Q$iB}rYc)o

literal 0
HcmV?d00001

diff --git a/src/components/header/Menu.tsx b/src/components/header/Menu.tsx
index 49c459a..f31061f 100644
--- a/src/components/header/Menu.tsx
+++ b/src/components/header/Menu.tsx
@@ -2,6 +2,7 @@ import React from "react";
 
 import Modal from 'react-modal'
 import styles from '../../styles/Menu.module.scss'
+import Fechar from '../../assets/img/fechar.png'
 
 interface MenuProps {
     isOpen: boolean;
@@ -16,7 +17,13 @@ function Menu ({isOpen, onRequestClose}: MenuProps) {
         overlayClassName={styles['menu-hamb']}
         className={styles['menu']}
         >
+            <div className={styles['menu__title']}>
             <p>Entrar</p>
+            <img src={Fechar} alt="x"/>
+            </div>
+            <p>Cursos</p>
+            <p>Saiba Mais</p>
+            <p>Institucionais</p>
         </Modal>
     )
 }
diff --git a/src/styles/Footer.module.scss b/src/styles/Footer.module.scss
index 77a4efb..8f40097 100644
--- a/src/styles/Footer.module.scss
+++ b/src/styles/Footer.module.scss
@@ -19,6 +19,8 @@ footer {
 			width: 37.03%;
 			padding: 16px 0px;
 
+
+
 			label{
 				font-family: 'Roboto', sans-serif;
 				font-size: 18px;
@@ -120,8 +122,7 @@ footer {
 		padding: 0px 100px;
 
 		.footer__text-bottom{
-			width: 18.28%;
-			height: 24px;
+			width: 20%;
 			font-style: normal;
 			font-size: 10px;
 			line-height: 12px;
@@ -130,7 +131,7 @@ footer {
 
 		.footer__container-bandeiras{
 			display: flex;
-			width: 31.14%;
+			width: 40%;
 			justify-content: space-between;
 
 			.footer__line{
@@ -147,8 +148,6 @@ footer {
 			align-items: center;
 			justify-content: space-between;
 			width: 17.70%;
-			height: 16px;
-
 			p {
 				font-weight: 400;
 				font-size: 10px;
@@ -166,3 +165,47 @@ footer {
 }
 
 
+@media (max-width: 1024px) {
+	footer {
+		.footer__newsletter{
+			.footer__newsletter-form{
+				width: 100%;
+				padding: 16px 16px;
+
+				.footer__newsletter-input{
+					flex-direction: column;
+					input{
+						width: 96.5%;
+					}
+				}
+			}
+		}
+
+		.footer__top{
+			flex-direction: column;
+			padding: 24px 16px;
+			.footer__infos{
+				flex-direction: column;
+			}
+
+			.footer__info{
+				display: none;
+			}
+		}
+
+		.footer__bottom{
+			padding: 0px 16px;
+			align-items: flex-start;
+			flex-direction: column;
+
+			.footer__text-bottom{
+				width: 30%;
+			}
+
+			.footer__certificate {
+				width: 30%;
+			}
+		}
+	}
+}
+