From a2d8d90e3db5bc1d375d90536fe3fb60a4a860d4 Mon Sep 17 00:00:00 2001
From: Antigravity <antigravity@gemini.ai>
Date: Sat, 4 Jul 2026 23:11:45 +0000
Subject: [PATCH] =?UTF-8?q?fix(sidebar):=20largeur=20nettement=20plus=20gr?=
 =?UTF-8?q?ande,=20gradu=C3=A9e=20par=20breakpoint?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

+32px (320->352) était trop subtil. Élargit franchement sur desktop :
- < 768px (mobile overlay) : w-80 (320px)
- >= 768px : w-[22rem] (352px)
- >= 1024px : w-[26rem] (416px)
- >= 1536px : w-[30rem] (480px)

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 memento-note/app/(main)/layout.tsx  | 2 +-
 memento-note/components/sidebar.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/memento-note/app/(main)/layout.tsx b/memento-note/app/(main)/layout.tsx
index c7b1a1f..db5e726 100644
--- a/memento-note/app/(main)/layout.tsx
+++ b/memento-note/app/(main)/layout.tsx
@@ -37,7 +37,7 @@ export default async function MainLayout({
     >
       {/* No top-bar header — sidebar-only navigation (architectural-grid design) */}
       <div className="flex h-screen overflow-hidden bg-memento-desk dark:bg-background">
-        <Suspense fallback={<div className="hidden w-80 md:w-[22rem] 2xl:w-[26rem] shrink-0 md:block h-full self-stretch" />}>
+        <Suspense fallback={<div className="hidden w-80 md:w-[22rem] lg:w-[26rem] 2xl:w-[30rem] shrink-0 md:block h-full self-stretch" />}>
           <Sidebar user={session?.user} />
         </Suspense>
 
diff --git a/memento-note/components/sidebar.tsx b/memento-note/components/sidebar.tsx
index 973062d..bead183 100644
--- a/memento-note/components/sidebar.tsx
+++ b/memento-note/components/sidebar.tsx
@@ -1182,7 +1182,7 @@ export function Sidebar({ className, user }: { className?: string; user?: any })
           isImmersiveRoute && userCollapsed
             ? 'fixed inset-y-0 start-0 z-[70]'
             : 'fixed inset-y-0 start-0 z-[70] md:relative md:z-auto',
-          'h-full min-h-0 w-80 md:w-[22rem] 2xl:w-[26rem] shrink-0 flex flex-row overflow-hidden self-stretch',
+          'h-full min-h-0 w-80 md:w-[22rem] lg:w-[26rem] 2xl:w-[30rem] shrink-0 flex flex-row overflow-hidden self-stretch',
           'transition-transform duration-300 ease-in-out',
           isImmersiveRoute && userCollapsed
             ? '-translate-x-full'