From d9a64f7768ec92aaeec600290b33e2d016f3e17e Mon Sep 17 00:00:00 2001
From: rayd1o <qiank@sbuild.cn>
Date: Sat, 21 Mar 2026 04:10:33 +0800
Subject: [PATCH] fix(frontend): fix iframe scrollbar issue by using 100%
 instead of 100vw/vh and setting html/body/root to 100% height

---
 frontend/src/index.css             | 6 ++++++
 frontend/src/pages/Earth/Earth.tsx | 5 +++--
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/frontend/src/index.css b/frontend/src/index.css
index e47a2973..fb11001b 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -4,6 +4,12 @@
   box-sizing: border-box;
 }
 
+html, body, #root {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
 body {
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
 }
diff --git a/frontend/src/pages/Earth/Earth.tsx b/frontend/src/pages/Earth/Earth.tsx
index 2697b2d2..da2896d1 100644
--- a/frontend/src/pages/Earth/Earth.tsx
+++ b/frontend/src/pages/Earth/Earth.tsx
@@ -3,9 +3,10 @@ function Earth() {
     <iframe
       src="/earth/index.html"
       style={{
-        width: '100vw',
-        height: '100vh',
+        width: '100%',
+        height: '100%',
         border: 'none',
+        display: 'block',
       }}
       title="3D Earth"
     />