Rubicon/tutu
1
0
Fork 0
Code Issues 18 Pull requests 1 Projects 1 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
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) {
& {
left: 0;
top: var(--safe-area-inset-top, 0);
top: 0;
transform: none;
bottom: 0;
height: 100vh;
height: 100dvh;
max-height: 100%;
}
}
}

2
src/settings/Settings.tsx
View file

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