fix: move critical layout CSS to index.html, revert broken absolute positioning

2026-06-07 22:50:20 +08:00
parent 469fc1ff33
commit a22dd8497e
3 changed files with 6 additions and 7 deletions
--- a/editor/App.vue
+++ b/editor/App.vue
@@ -327,7 +327,5 @@ html, body {

 .graph-area {
  flex: 1;
-  position: relative;
-  min-height: 0;
 }
 </style>
--- a/editor/components/SceneGraph.vue
+++ b/editor/components/SceneGraph.vue
@@ -86,11 +86,8 @@ onMounted(() => {

 <style scoped>
 .scene-graph {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
+  width: 100%;
+  height: 100%;
  background: #0d0d1a;
 }
 </style>
--- a/editor/index.html
+++ b/editor/index.html
@@ -4,6 +4,10 @@
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>剧情编辑器 — 交互式电影游戏</title>
+    <style>
+      html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; background: #0a0a16; }
+      #editor-app { width: 100%; height: 100%; }
+    </style>
  </head>
  <body>
    <div id="editor-app"></div>