From 86a2635ec6d41885d970c7e03dc68ada23682f67 Mon Sep 17 00:00:00 2001
From: Louis Mazin <louismazindev@gmail.com>
Date: Sat, 10 Oct 2026 21:12:44 +0200
Subject: [PATCH] nice

---
 frontend/src/components/NavBar.jsx | 22 ++++++++++------------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/frontend/src/components/NavBar.jsx b/frontend/src/components/NavBar.jsx
index 77661f6..35ea78d 100644
--- a/frontend/src/components/NavBar.jsx
+++ b/frontend/src/components/NavBar.jsx
@@ -242,32 +242,30 @@ const NavBar = () => {
       onMouseLeave={handleMouseLeave}
     >
       {/* Logo / nom de la boulangerie */}
-      <SidebarHeader className="h-16 p-2 pl-0">
+      <SidebarHeader className="h-16 p-2">
         <SidebarMenu>
-          <SidebarMenuItem className="h-12 flex items-center">
+          <SidebarMenuItem className="flex h-12 items-center">
             <SidebarMenuButton
               size="lg"
               className="
-                h-12
-                w-full
-                group-data-[collapsible=icon]:h-8!
-                group-data-[collapsible=icon]:w-10!
-                group-data-[collapsible=icon]:p-2!
+                h-12 w-full p-0!
+                group-data-[collapsible=icon]:size-8!
+                group-data-[collapsible=icon]:p-0!
               "
               render={
                 <Link
                   to="/"
-                  className="flex w-full items-center gap-2"
+                  className="flex h-full w-full min-w-0 items-center gap-2"
                 >
-                  <div className="flex size-10 items-center justify-center rounded-lg bg-transparent p-1">
+                  <div className="flex size-8 shrink-0 items-center justify-center bg-transparent">
                     <img
                       src="/logo.png"
-                      alt="Logo"
-                      className="size-full object-contain"
+                      alt="Logo du Fournil du Bocage"
+                      className="block size-full object-contain"
                     />
                   </div>
 
-                  <div className="grid min-w-0 flex-1 text-left text-sm leading-tight">
+                  <div className="grid min-w-0 flex-1 text-left text-sm leading-tight group-data-[collapsible=icon]:hidden">
                     <span className="truncate font-semibold">
                       Le Fournil du Bocage
                     </span>