Rubicon/tutu
1
0
Fork 0
Code Issues 18 Pull requests 1 Projects 1 Activity Actions

material: add AppTopBar

Browse source
This commit is contained in:
thislight 2024-11-26 15:18:45 +08:00
parent 47e36a354b
commit bece50643f
No known key found for this signature in database
GPG key ID: FCFE5192241CCD4E
3 changed files with 43 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/timelines/TootBottomSheet.tsx
View file

@ -32,6 +32,7 @@ import BackButton from "~platform/BackButton";
import ItemSelectionProvider, {
createSingluarItemSelection,
} from "./toots/ItemSelectionProvider";
import AppTopBar from "~material/AppTopBar";
let cachedEntry: [string, mastodon.v1.Status] | undefined;
@ -248,25 +249,18 @@ const TootBottomSheet: Component = (props) => {
return (
<Scaffold
topbar={
<AppBar
sx={{
backgroundColor: "var(--tutu-color-surface)",
<AppTopBar
style={{
"background-color": "var(--tutu-color-surface)",
color: "var(--tutu-color-on-surface)",
}}
elevation={1}
position="static"
>
<Toolbar
variant="dense"
sx={{ paddingTop: "var(--safe-area-inset-top, 0px)" }}
>
<BackButton color="inherit" />
<Title component="div" class="name" use:solid-styled>
<span innerHTML={tootDisplayName() ?? "Someone"}></span>
<span>'s toot</span>
</Title>
</Toolbar>
</AppBar>
<BackButton color="inherit" />
<Title component="div" class="name" use:solid-styled>
<span innerHTML={tootDisplayName() ?? "Someone"}></span>
<span>'s toot</span>
</Title>
</AppTopBar>
}
class="TootBottomSheet"
>