From 96ea08d00c79f8dd2518ebef5cf9d3f891ffbece Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9r=C3=A9my=20Munsch?= <jeremy.munsch@ldc.fr>
Date: Fri, 12 Jan 2024 09:13:00 +0100
Subject: [PATCH] Better footer layout

---
 assets/scss/layout.scss         | 15 +++++++++++----
 components/layout/AppFooter.vue |  4 ++--
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/assets/scss/layout.scss b/assets/scss/layout.scss
index 62eacbe..e982431 100644
--- a/assets/scss/layout.scss
+++ b/assets/scss/layout.scss
@@ -5,7 +5,7 @@ body {
     background-color: unset;
 
     @include media-breakpoint-up(xxl) {
-        @include font-size(4rem);
+        @include font-size(3rem);
     }
 
     .app-component {
@@ -18,9 +18,16 @@ body {
             padding-top: 1rem;
             padding-bottom: 1rem;
         }
+
+        > footer {
+            box-shadow: 0 -0.125rem 0.25rem rgb(0 0 0 / 7.5%) !important;
+
+            @include font-size(2rem);
+
+            @include media-breakpoint-up(xxl) {
+                @include font-size(2.5rem);
+            }
+        }
     }
 
-    > footer {
-        box-shadow: 0 -0.125rem 0.25rem rgb(0 0 0 / 7.5%) !important;
-    }
 }
diff --git a/components/layout/AppFooter.vue b/components/layout/AppFooter.vue
index bbfb2f3..18fcaa2 100644
--- a/components/layout/AppFooter.vue
+++ b/components/layout/AppFooter.vue
@@ -6,10 +6,10 @@
     :style="`background-color: ${activeBrand?.color} !important`"
   >
     <div v-if="router.name !== 'index'" class="row">
-      <div class="col-3 col-md-2">
+      <div class="col-12 col-md-4 d-flex justify-content-center align-items-center">
         <span class="fw-bold">Découvrez nos autres marques</span>
       </div>
-      <div class="col-9 col-md-10">
+      <div class="col col-md-8">
         <Swiper
           :scrollbar="{
             hide: true,