sepehr/Momento
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(sidebar): largeur nettement plus grande, graduée par breakpoint
Some checks failed
CI / Deploy production (on server) (push) Has been cancelled
Details
CI / Lint, Unit Tests & Build (push) Has been cancelled
Details

Browse Source 
+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>
This commit is contained in:
Antigravity
2026-07-04 23:11:45 +00:00
parent 8b454b9cf4
commit a2d8d90e3d
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
memento-note/app/(main)/layout.tsx
View File

@@ -37,7 +37,7 @@ export default async function MainLayout({
> >
{/* No top-bar header — sidebar-only navigation (architectural-grid design) */} {/* No top-bar header — sidebar-only navigation (architectural-grid design) */}
<div className="flex h-screen overflow-hidden bg-memento-desk dark:bg-background"> <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} /> <Sidebar user={session?.user} />
</Suspense> </Suspense>

2
memento-note/components/sidebar.tsx
View File

@@ -1182,7 +1182,7 @@ export function Sidebar({ className, user }: { className?: string; user?: any })
isImmersiveRoute && userCollapsed isImmersiveRoute && userCollapsed
? 'fixed inset-y-0 start-0 z-[70]' ? 'fixed inset-y-0 start-0 z-[70]'
: 'fixed inset-y-0 start-0 z-[70] md:relative md:z-auto', : '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', 'transition-transform duration-300 ease-in-out',
isImmersiveRoute && userCollapsed isImmersiveRoute && userCollapsed
? '-translate-x-full' ? '-translate-x-full'