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

AppTopBar: minor change to the text justify

Browse source
This commit is contained in:
thislight 2024-12-27 22:24:46 +08:00
parent 4df609f1f5
commit 8d04874bce
No known key found for this signature in database
GPG key ID: FCFE5192241CCD4E
2 changed files with 15 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/material/AppTopBar.css
View file

@ -1,6 +1,20 @@
.AppTopBar { .AppTopBar {
& > .toolbar { & > .MuiToolbar-root {
padding-top: var(--safe-area-inset-top, 0px); padding-top: var(--safe-area-inset-top, 0px);
gap: 8px; gap: 8px;
& > button:first-child, & > .MuiButtonBase-root:first-child {
margin-left: -0.15em;
}
& > button:last-child, & > .MuiButtonBase-root:last-child {
margin-right: -0.15em;
}
& > .title {
margin-top: -0.2ch;
}
} }
} }

1
src/material/AppTopBar.tsx
View file

@ -20,7 +20,6 @@ const AppTopBar: ParentComponent<{
> >
<Toolbar <Toolbar
variant={windowSize.width > windowSize.height ? "dense" : "regular"} variant={windowSize.width > windowSize.height ? "dense" : "regular"}
class="toolbar"
sx={{ paddingTop: "var(--safe-area-inset-top, 0px)" }} sx={{ paddingTop: "var(--safe-area-inset-top, 0px)" }}
> >
{props.children} {props.children}