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

BottomSheet: fix visual problem on iOS

Browse source
This commit is contained in:
thislight 2024-08-05 19:05:39 +08:00
parent ed901edea6
commit 40ca089f02
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) {
& {
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>