Mirrors/rowy
1
0
Fork 0
mirror of https://github.com/rowyio/rowy.git synced 2026-02-24 04:01:17 +01:00
Code Issues Packages Projects Releases Wiki Activity

optimise for notched iphone

Browse Source
This commit is contained in:
Sidney Alcantara
2021-09-09 14:09:07 +10:00
parent 47d75079a6
commit 2b62ec9863
9 changed files with 89 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/theme/components.tsx
View File

@@ -54,7 +54,35 @@ export const components = (theme: Theme): ThemeOptions => {
MuiContainer: {
defaultProps: { maxWidth: "xl" },
styleOverrides: {
root: {
paddingLeft: `max(${theme.spacing(2)}, env(safe-area-inset-left))`,
paddingRight: `max(${theme.spacing(
2
)}, env(safe-area-inset-right))`,
[theme.breakpoints.up("sm")]: {
paddingLeft: `max(${theme.spacing(
3
)}, env(safe-area-inset-left))`,
paddingRight: `max(${theme.spacing(
3
)}, env(safe-area-inset-right))`,
},
marginBottom: `env(safe-area-inset-bottom)`,
},
},
},
MuiDrawer: {
styleOverrides: {
paper: { paddingBottom: "env(safe-area-inset-bottom)" },
paperAnchorLeft: { paddingLeft: "env(safe-area-inset-left)" },
paperAnchorRight: { paddingRight: "env(safe-area-inset-right)" },
paperAnchorTop: { paddingTop: "env(safe-area-inset-top)" },
},
},
MuiPaper: {
styleOverrides: {
rounded: { borderRadius: (theme.shape.borderRadius as number) * 2 },
@@ -127,8 +155,8 @@ export const components = (theme: Theme): ThemeOptions => {
MuiSnackbar: {
styleOverrides: {
root: {
left: `calc(env(safe-area-inset-left) + ${theme.spacing(1)})`,
bottom: `calc(env(safe-area-inset-bottom) + ${theme.spacing(1)})`,
left: `max(${theme.spacing(1)}, env(safe-area-inset-left))`,
bottom: `max(${theme.spacing(1)}, env(safe-area-inset-bottom))`,
},
},
},