Add command bar component

This commit is contained in:
2022-02-25 17:23:50 +08:00
parent 567c1f2ea4
commit 7fe33f2017
9 changed files with 41 additions and 7 deletions
@@ -3,4 +3,9 @@ div.app-root {
height: 100%;
position: absolute;
overflow: hidden;
div.app-root-space {
height: 100%;
display: flex;
}
}
+6 -2
View File
@@ -1,13 +1,13 @@
import { Component, ReactNode } from "react";
import { SettingProvider, Setting } from "@Context/Setting";
import { HeaderBar } from "@Component/HeaderBar/HeaderBar";
import { Theme, FontLevel, BackgroundLevel } from "@Component/Theme/Theme";
import { Localization } from "@Component/Localization/Localization";
import { Theme, BackgroundLevel, FontLevel } from "@Component/Theme/Theme";
import { Entry } from "../Entry/Entry";
import { StatusProvider, Status } from "@Context/Status";
import { ClassicRenderer } from "@GLRender/ClassicRenderer";
import { initializeIcons } from '@fluentui/font-icons-mdl2';
import "./SimulatorWeb.scss";
import { CommandBar } from "@Component/CommandBar/CommandBar";
initializeIcons();
@@ -65,8 +65,12 @@ class SimulatorWeb extends Component {
return <Theme
className="app-root"
backgroundLevel={BackgroundLevel.Level5}
fontLevel={FontLevel.Level3}
>
<HeaderBar height={45}/>
<div className="app-root-space">
<CommandBar width={45}/>
</div>
</Theme>
}
}