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

BottomSheet: fix visual problem on iOS
All checks were successful
/ depoly (push) Successful in 1m1s
Details

Browse source
This commit is contained in:
thislight 2024-08-05 19:05:39 +08:00
parent 95fe954c5e
commit 2de1960fb5
No known key found for this signature in database
GPG key ID: A50F9451AC56A63E
2 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/material/BottomSheet.module.css
View file

@ -22,11 +22,12 @@
@media (max-width: 560px) { @media (max-width: 560px) {
& { & {
left: 0; left: 0;
top: var(--safe-area-inset-top, 0); top: 0;
transform: none; transform: none;
bottom: 0; bottom: 0;
height: 100vh; height: 100vh;
height: 100dvh; height: 100dvh;
max-height: 100%;
} }
} }
} }

2
src/settings/Settings.tsx
View file

@ -49,7 +49,7 @@ const Settings: ParentComponent = () => {
<Scaffold <Scaffold
topbar={ topbar={
<AppBar position="static"> <AppBar position="static">
<Toolbar variant="dense"> <Toolbar variant="dense" sx={{paddingTop: "var(--safe-area-inset-top, 0px)"}}>
<IconButton onClick={[navigate, -1]}> <IconButton onClick={[navigate, -1]}>
<CloseIcon /> <CloseIcon />
</IconButton> </IconButton>