Add header bar

2022-02-24 17:34:57 +08:00
parent 586c7b959d
commit e08a3ec6b5
5 changed files with 37 additions and 38 deletions
@@ -0,0 +1,6 @@
+div.app-root {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    overflow: hidden;
+}
@@ -46,6 +46,8 @@ class SimulatorWeb extends Component {
            })
            this.status.model.update(0);
        }
+
+        (window as any).s = this;
    }

    public render(): ReactNode {
@@ -57,17 +59,12 @@ class SimulatorWeb extends Component {
    }

    private renderContent(): ReactNode {
-        return <div className="app-root">
-            <HeaderBar/>
-            <Theme 
-                className="test" 
-                fontLevel={FontLevel.Level2}
-                backgroundLevel={BackgroundLevel.Level1}
-            >
-                Theme
-            </Theme>
-            <Localization i18nKey="EN_US"/>
-        </div>
+        return <Theme 
+            className="app-root"
+            backgroundLevel={BackgroundLevel.Level5}
+        >
+            <HeaderBar height={45}/>
+        </Theme>
    }
 }