fix(frontend): definite-height overlay chain so absolute panels anchor to viewport

This commit is contained in:
asepharyana
2026-08-24 16:15:55 +07:00
parent d3e3b4764a
commit 25d5097edb
2 changed files with 4 additions and 2 deletions
@@ -11,5 +11,7 @@ export function PageTransition({
children: React.ReactNode; children: React.ReactNode;
className?: string; className?: string;
}) { }) {
return <div className={cn("animate-fade-up", className)}>{children}</div>; return (
<div className={cn("animate-fade-up h-full", className)}>{children}</div>
);
} }
@@ -68,7 +68,7 @@ export function ConstellationFrame({
{/* Overlay content region — scenes place floating panels inside. */} {/* Overlay content region — scenes place floating panels inside. */}
<main className="pointer-events-none absolute inset-0 z-10 overflow-y-auto overscroll-contain"> <main className="pointer-events-none absolute inset-0 z-10 overflow-y-auto overscroll-contain">
{/* no pointer-events here: empty areas stay click-through to the sky */} {/* no pointer-events here: empty areas stay click-through to the sky */}
<div className="min-h-full">{children}</div> <div className="h-full">{children}</div>
</main> </main>
</div> </div>
</SceneGraphProvider> </SceneGraphProvider>