From 25d5097edb76c4c0645b991dc452c869ee620398 Mon Sep 17 00:00:00 2001
From: asepharyana <asepharyana@users.noreply.github.com>
Date: Mon, 24 Aug 2026 16:15:55 +0700
Subject: [PATCH] fix(frontend): definite-height overlay chain so absolute
 panels anchor to viewport

---
 services/frontend/src/components/shared/page-transition.tsx   | 4 +++-
 .../frontend/src/components/shell/constellation-frame.tsx     | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/services/frontend/src/components/shared/page-transition.tsx b/services/frontend/src/components/shared/page-transition.tsx
index 216ca416..543ec1b1 100644
--- a/services/frontend/src/components/shared/page-transition.tsx
+++ b/services/frontend/src/components/shared/page-transition.tsx
@@ -11,5 +11,7 @@ export function PageTransition({
   children: React.ReactNode;
   className?: string;
 }) {
-  return <div className={cn("animate-fade-up", className)}>{children}</div>;
+  return (
+    <div className={cn("animate-fade-up h-full", className)}>{children}</div>
+  );
 }
diff --git a/services/frontend/src/components/shell/constellation-frame.tsx b/services/frontend/src/components/shell/constellation-frame.tsx
index 6d490b9b..b59ec5a5 100644
--- a/services/frontend/src/components/shell/constellation-frame.tsx
+++ b/services/frontend/src/components/shell/constellation-frame.tsx
@@ -68,7 +68,7 @@ export function ConstellationFrame({
         {/* Overlay content region — scenes place floating panels inside. */}
         <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 */}
-          <div className="min-h-full">{children}</div>
+          <div className="h-full">{children}</div>
         </main>
       </div>
     </SceneGraphProvider>