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) */}
|
{/* 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 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} />
|
<Sidebar user={session?.user} />
|
||||||
</Suspense>
|
</Suspense>
|
||||||
|
|
||||||
|
|||||||
@@ -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 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',
|
'transition-transform duration-300 ease-in-out',
|
||||||
isImmersiveRoute && userCollapsed
|
isImmersiveRoute && userCollapsed
|
||||||
? '-translate-x-full'
|
? '-translate-x-full'
|
||||||
|
|||||||
Reference in New Issue
Block a user