From 79e26149c27ae36fc30157be039ded199ec9e10b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fede=20=C3=81lvarez?= <fedealvarezcampos@gmail.com>
Date: Thu, 30 Jun 2022 19:12:43 +0200
Subject: [PATCH] Work on Footer changes

---
 .../common/footer/footer.module.scss          | 27 +++++++++++++++----
 src/components/common/footer/index.tsx        | 14 ++++++++++
 2 files changed, 36 insertions(+), 5 deletions(-)

diff --git a/src/components/common/footer/footer.module.scss b/src/components/common/footer/footer.module.scss
index b1f213b..bc904c2 100644
--- a/src/components/common/footer/footer.module.scss
+++ b/src/components/common/footer/footer.module.scss
@@ -183,30 +183,38 @@
     padding-bottom: tovw(56px, 'default', 48px);
 
     nav {
+      @media screen and (max-width: 1650px) {
+        width: 100%;
+        justify-content: space-between;
+        gap: unset;
+      }
+
       @include respond-to('tablet') {
         justify-content: space-between;
       }
 
       @include respond-to('mobile') {
         display: grid;
-        column-gap: tovw(97px, 'tablet', 97px);
+        column-gap: tovw(97px, 'tablet', 50px);
         grid-template-columns: repeat(2, 1fr);
         grid-template-rows: auto;
         row-gap: tovw(44px, 'tablet', 44px);
       }
 
-      @media screen and (max-width: 1180px) {
-        gap: tovw(70px, 'default', 15px);
+      span {
+        @include respond-to('mobile') {
+          font-size: tovw(15px, 'mobile', 15px);
+        }
       }
 
       a {
         @include respond-to('mobile') {
-          font-size: tovw(15px, 'default', 15px);
+          font-size: tovw(15px, 'mobile', 15px);
         }
       }
 
       display: flex;
-      gap: tovw(105px, 'default', 65px);
+      gap: tovw(98px, 'default', 45px);
     }
   }
 
@@ -249,6 +257,11 @@
 }
 
 .logo {
+  @media screen and (max-width: 1340px) {
+    padding-top: tovw(4px, 'default', 4px);
+    margin-right: tovw(90px, 'default', 25px);
+  }
+
   @include respond-to('tablet') {
     margin-right: 0;
     margin-bottom: tovw(56px, 'tablet', 56px);
@@ -257,6 +270,10 @@
   margin-right: tovw(88px, 'default', 64px);
 
   svg {
+    @media screen and (max-width: 1340px) {
+      width: tovw(205px, 'default', 120px);
+    }
+
     @include respond-to('tablet') {
       width: 100%;
     }
diff --git a/src/components/common/footer/index.tsx b/src/components/common/footer/index.tsx
index 82d1182..0e531c5 100644
--- a/src/components/common/footer/index.tsx
+++ b/src/components/common/footer/index.tsx
@@ -245,6 +245,20 @@ export const Footer = ({ data }: Props) => {
                   )
                 })}
               </ul>
+              <ul>
+                {data.communityLinks.map((link) => {
+                  return (
+                    <li key={link.title}>
+                      {link.href && (
+                        <Link href={link.href} variant="nav">
+                          {link.title}
+                        </Link>
+                      )}
+                      {!link.href && <span>{link.title}</span>}
+                    </li>
+                  )
+                })}
+              </ul>
               <ul className={s['connect__links']}>
                 <li>
                   <Link href="/contact#contactform" variant="nav">