fix: ajuste de tamanho em telas 4k e links redirecionando redes sociais

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>

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;
     }
 

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 "
                 />

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) {

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>

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) {