Home: use AppTopBar
This commit is contained in:
parent
8d04874bce
commit
59c7a5c588
1 changed files with 29 additions and 34 deletions
|
@ -31,6 +31,7 @@ import {
|
||||||
createSingluarItemSelection,
|
createSingluarItemSelection,
|
||||||
default as ItemSelectionProvider,
|
default as ItemSelectionProvider,
|
||||||
} from "./toots/ItemSelectionProvider";
|
} from "./toots/ItemSelectionProvider";
|
||||||
|
import AppTopBar from "~material/AppTopBar";
|
||||||
|
|
||||||
const Home: ParentComponent = (props) => {
|
const Home: ParentComponent = (props) => {
|
||||||
let panelList: HTMLDivElement;
|
let panelList: HTMLDivElement;
|
||||||
|
@ -165,12 +166,7 @@ const Home: ParentComponent = (props) => {
|
||||||
<>
|
<>
|
||||||
<Scaffold
|
<Scaffold
|
||||||
topbar={
|
topbar={
|
||||||
<AppBar position="static">
|
<AppTopBar>
|
||||||
<Toolbar
|
|
||||||
variant="dense"
|
|
||||||
class="responsive"
|
|
||||||
sx={{ paddingTop: "var(--safe-area-inset-top, 0px)" }}
|
|
||||||
>
|
|
||||||
<Tabs>
|
<Tabs>
|
||||||
<Tab focus={isTabFocus(0)} onClick={[onTabClick, 0]}>
|
<Tab focus={isTabFocus(0)} onClick={[onTabClick, 0]}>
|
||||||
Home
|
Home
|
||||||
|
@ -197,8 +193,7 @@ const Home: ParentComponent = (props) => {
|
||||||
</ListItemSecondaryAction>
|
</ListItemSecondaryAction>
|
||||||
</MenuItem>
|
</MenuItem>
|
||||||
</ProfileMenuButton>
|
</ProfileMenuButton>
|
||||||
</Toolbar>
|
</AppTopBar>
|
||||||
</AppBar>
|
|
||||||
}
|
}
|
||||||
>
|
>
|
||||||
<ItemSelectionProvider value={selectionState}>
|
<ItemSelectionProvider value={selectionState}>
|
||||||
|
|
Loading…
Reference in a new issue