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

AppTopBar: add dark status bar
All checks were successful
/ depoly (push) Successful in 1m21s
Details

Browse source
This commit is contained in:
thislight 2024-12-27 22:42:20 +08:00
parent 59c7a5c588
commit d7e1358495
No known key found for this signature in database
GPG key ID: FCFE5192241CCD4E
1 changed files with 18 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
src/material/AppTopBar.css
View file

@ -1,20 +1,31 @@
.AppTopBar { .AppTopBar {
& > .MuiToolbar-root { &::before {
contain: strict;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: var(--safe-area-inset-top, 0);
background-color: rgba(0, 0, 0, 0.2);
}
&>.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 { &>button:first-child,
&>.MuiButtonBase-root:first-child {
margin-left: -0.15em; margin-left: -0.15em;
} }
& > button:last-child, & > .MuiButtonBase-root:last-child { &>button:last-child,
&>.MuiButtonBase-root:last-child {
margin-right: -0.15em; margin-right: -0.15em;
} }
& > .title { &>.title {
margin-top: -0.2ch; margin-top: -0.2ch;
} }
} }
} }