fix: sidebar h-screen + self-stretch — va jusqu'en bas en prod
h-full dépendait du parent pour la hauteur — ne cascadaît pas en prod. h-screen (100vh) + self-stretch force la hauteur pleine indépendamment. Suspense fallback aussi mis à h-screen pour éviter le flash.
This commit is contained in:
@@ -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 xl:w-[22rem] 2xl:w-[26rem] shrink-0 md:block" />}>
|
||||
<Suspense fallback={<div className="hidden w-80 xl:w-[22rem] 2xl:w-[26rem] shrink-0 md:block h-screen self-stretch" />}>
|
||||
<Sidebar user={session?.user} />
|
||||
</Suspense>
|
||||
|
||||
|
||||
@@ -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 xl:w-[22rem] 2xl:w-[26rem] shrink-0 flex flex-row overflow-hidden',
|
||||
'h-screen min-h-0 w-80 xl:w-[22rem] 2xl:w-[26rem] shrink-0 flex flex-row overflow-hidden self-stretch',
|
||||
'transition-transform duration-300 ease-in-out',
|
||||
isImmersiveRoute && userCollapsed
|
||||
? '-translate-x-full'
|
||||
|
||||
Reference in New Issue
Block a user