From 2be41bd723f0a5c515728699f611cbf38263c951 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Wed, 13 Dec 2023 16:33:07 +0100
Subject: [PATCH] refining menu centering and container

---
 resources/css/layout/menu-renovateur.css | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/resources/css/layout/menu-renovateur.css b/resources/css/layout/menu-renovateur.css
index 13b15c9..114d18b 100644
--- a/resources/css/layout/menu-renovateur.css
+++ b/resources/css/layout/menu-renovateur.css
@@ -4,16 +4,23 @@
   sm:px-8
   md:px-16
   relative
-   shadow-md 
    flex
    flex-wrap 
    items-center
-   justify-between;
+   justify-between
+   lg:justify-center
+   xl:container
+   xl:mx-auto;
+  &:after {
+    @apply absolute top-0 left-1/2 w-screen h-full bg-white  shadow-md  z-[-1]  -translate-x-1/2;
+    content: '';
+  }
 
   .website_logo {
     @apply order-1
     mr-2 
     md:mr-12 
+    xl:mr-auto
 		w-[140px]
 		md:w-[190px]
 		xl:w-[222px];
@@ -154,7 +161,7 @@
   }
 
   &__interaction_toggles {
-    @apply order-2 lg:order-3 flex items-center justify-start gap-2 md:gap-4;
+    @apply order-2 lg:order-3 flex items-center justify-start gap-2 md:gap-4 xl:ml-auto;
   }
   &__mobile-menu-toggle {
     @apply lg:hidden flex items-center gap-4 px-4 md:px-8;