Add command bar

This commit is contained in:
2022-02-25 23:15:30 +08:00
parent ab9a7e6003
commit 57b13b551f
6 changed files with 99 additions and 14 deletions
+1 -1
View File
@@ -1,7 +1,7 @@
div.app-root {
width: 100%;
height: 100%;
position: absolute;
position: fixed;
overflow: hidden;
div.app-root-space {
+5 -2
View File
@@ -9,7 +9,7 @@ import { initializeIcons } from '@fluentui/font-icons-mdl2';
import "./SimulatorWeb.scss";
import { CommandBar } from "@Component/CommandBar/CommandBar";
initializeIcons();
initializeIcons("http://cdn.mrkbear.com/fabric-cdn-prod_20210407.001/");
class SimulatorWeb extends Component {
@@ -68,8 +68,11 @@ class SimulatorWeb extends Component {
fontLevel={FontLevel.Level3}
>
<HeaderBar height={45}/>
<div className="app-root-space">
<div className="app-root-space" style={{
height: `calc( 100% - ${45}px)`
}}>
<CommandBar width={45}/>
<div></div>
</div>
</Theme>
}