Home: use AppTopBar

This commit is contained in:
thislight 2024-12-27 22:36:35 +08:00
parent 8d04874bce
commit 59c7a5c588
No known key found for this signature in database
GPG key ID: FCFE5192241CCD4E

View file

@ -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}>