linkong/planet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(frontend): fix iframe scrollbar issue by using 100% instead of 100vw/vh and setting html/body/root to 100% height

Browse Source
This commit is contained in:
rayd1o
2026-03-21 04:10:33 +08:00
parent 78bb639a83
commit d9a64f7768
2 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/index.css
View File

@@ -4,6 +4,12 @@
box-sizing: border-box; box-sizing: border-box;
} }
html, body, #root {
width: 100%;
height: 100%;
overflow: hidden;
}
body { body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
} }

5
frontend/src/pages/Earth/Earth.tsx
View File

@@ -3,9 +3,10 @@ function Earth() {
<iframe <iframe
src="/earth/index.html" src="/earth/index.html"
style={{ style={{
width: '100vw', width: '100%',
height: '100vh', height: '100%',
border: 'none', border: 'none',
display: 'block',
}} }}
title="3D Earth" title="3D Earth"
/> />