optimize page preload layout

src/index.css

@@ -2,6 +2,7 @@
 @import url("../node_modules/materialize-css/dist/css/materialize.css");
 
 :root {
+  --nav-height: 24px;
   --menu-height: 200px;
   --bar-height: 53px;
   --trans-btn-height: 20px;
@@ -38,7 +39,7 @@ body {
 nav {
   /* -webkit-app-region: drag; */
   background-color: #fafafa;
-  height: 24px;
+  height: var(--nav-height);
   line-height: 24px;
 }
 
@@ -197,6 +198,10 @@ input {
   visibility: hidden;
 }
 
+#editor-area {
+  height: calc(100% - var(--nav-height) - var(--bar-height));
+}
+
 #menu-area {
   height: var(--menu-height);
   width: calc(100%);