From 4940f388ca3c9b24b65a13b3150312850997e6e8 Mon Sep 17 00:00:00 2001
From: Emmanuel Vitor <emmanuelvitor.ti@gmail.com>
Date: Thu, 19 Jan 2023 14:28:49 -0300
Subject: [PATCH] fix: ajuste de tamanho em telas 4k e links redirecionando
 redes sociais

---
 src/components/BreadCrumb/BreadCreumb.tsx              |  2 +-
 .../Footer/ButtonsFixeds/Buttons.module.scss           |  4 ++--
 src/components/Footer/SocialMedia/SocialMedia.tsx      | 10 +++++-----
 src/components/Layout/styles.module.scss               |  9 ++++++++-
 src/components/utils/IconLink.tsx                      |  2 +-
 src/pages/styles.module.scss                           | 10 ++++++++++
 6 files changed, 27 insertions(+), 10 deletions(-)

diff --git a/src/components/BreadCrumb/BreadCreumb.tsx b/src/components/BreadCrumb/BreadCreumb.tsx
index e169dc2..a1c06b7 100644
--- a/src/components/BreadCrumb/BreadCreumb.tsx
+++ b/src/components/BreadCrumb/BreadCreumb.tsx
@@ -15,7 +15,7 @@ export const BreadCrumb = () => {
             {pathname !== "/" && (
                 <ul className={styles["breadNav"]}>
                     <li className={styles["navItem"]}>
-                        <Link to="//institucional/sobre">
+                        <Link to="/institucional/sobre">
                             <img src={homeIcon} alt="Icone de home" />
                         </Link>
                     </li>
diff --git a/src/components/Footer/ButtonsFixeds/Buttons.module.scss b/src/components/Footer/ButtonsFixeds/Buttons.module.scss
index 4bff1f3..e61dad2 100644
--- a/src/components/Footer/ButtonsFixeds/Buttons.module.scss
+++ b/src/components/Footer/ButtonsFixeds/Buttons.module.scss
@@ -5,13 +5,13 @@
     flex-direction: column;
     height: 137px;
     position: fixed;
-    bottom: 25%;
+    bottom: 255px;
     right: 16px;
 
     @media (max-width:2499px) {
         height: 73px;
         position: fixed;
-        bottom: 35%;
+        bottom: 225px;
         right: 16px;
     }
 
diff --git a/src/components/Footer/SocialMedia/SocialMedia.tsx b/src/components/Footer/SocialMedia/SocialMedia.tsx
index 1949212..c36ba26 100644
--- a/src/components/Footer/SocialMedia/SocialMedia.tsx
+++ b/src/components/Footer/SocialMedia/SocialMedia.tsx
@@ -15,23 +15,23 @@ export const SocialMedia = () => {
 
         <div className={styleSocialMedia["wrapper"]}>
             <div className={styleSocialMedia["wrapper__social__media"]}>
-                <IconLink link={"/"}
+                <IconLink link={"https://web.facebook.com/digitalm3"}
                     sourceImg={facebook}
                     altText="Logo da rede social "
                 />
-                <IconLink link={"/"}
+                <IconLink link={"https://www.instagram.com/m3.ecommerce/"}
                     sourceImg={instagram}
                     altText="Logo da rede social "
                 />
-                <IconLink link={"/"}
+                <IconLink link={"https://twitter.com/eCommerce_Br/status/1443210495784366089"}
                     sourceImg={twitter}
                     altText="Logo da rede social "
                 />
-                <IconLink link={"/"}
+                <IconLink link={"https://www.youtube.com/@m3e-commerce796"}
                     sourceImg={youtube}
                     altText="Logo da rede social "
                 />
-                <IconLink link={"/"}
+                <IconLink link={"https://www.linkedin.com/company/m3ecommerce/"}
                     sourceImg={linkedin}
                     altText="Logo da rede social "
                 />
diff --git a/src/components/Layout/styles.module.scss b/src/components/Layout/styles.module.scss
index 2cf3823..7f069bf 100644
--- a/src/components/Layout/styles.module.scss
+++ b/src/components/Layout/styles.module.scss
@@ -7,6 +7,12 @@
 
     height: 100%;
     overflow: hidden;
+
+    @media (min-width:3000px) {
+        height: 100vh;
+        flex: 1;
+    }
+
 }
 
 .main {
@@ -20,7 +26,8 @@
 
     @media (min-width: 3000px) {
         min-height: 897px;
-
+        flex: 1;
+        height: 100vh;
     }
 
     @media (max-width:$tablets) {
diff --git a/src/components/utils/IconLink.tsx b/src/components/utils/IconLink.tsx
index c0e5ceb..01cae75 100644
--- a/src/components/utils/IconLink.tsx
+++ b/src/components/utils/IconLink.tsx
@@ -9,7 +9,7 @@ interface IconLink {
 export const IconLink = ({ link, sourceImg, altText }: IconLink) => {
     return (
         <li>
-            <a href={link}>
+            <a href={link} target="_blank">
                 <img src={sourceImg} alt={altText} />
             </a>
         </li>
diff --git a/src/pages/styles.module.scss b/src/pages/styles.module.scss
index 4c5015c..35e6ea4 100644
--- a/src/pages/styles.module.scss
+++ b/src/pages/styles.module.scss
@@ -7,6 +7,12 @@
 
     height: 100%;
     overflow: hidden;
+
+    @media (min-width:3000px) {
+        height: 100vh;
+        flex: 1;
+    }
+
 }
 
 .main {
@@ -21,6 +27,10 @@
     @media (min-width: 3000px) {
         min-height: 897px;
 
+        height: 100vh;
+        flex: 1;
+        border: 1px solid blue;
+
     }
 
     @media (max-width:$tablets) {