fix: Improve IllustrationDialog layout in native

Add flagship aware padding bottom in cozydialogaction inside fluidactions container
cozy · Nov 27, 2023 · 2946e9d · 2946e9d
1 parent 0f3a954
commit 2946e9d
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/react/MuiCozyTheme/makeOverrides.js b/react/MuiCozyTheme/makeOverrides.js
@@ -506,11 +506,13 @@ export const makeOverrides = theme => ({
             '& .dialogContentWrapper': {
               flexGrow: 1,
               '&:not(.withActions)': {
-                paddingBottom: '16px'
+                paddingBottom:
+                  'calc(env(safe-area-inset-bottom) + var(--flagship-bottom-height) + 16px)'
               }
             },
             '& .cozyDialogActions': {
-              paddingBottom: '16px'
+              paddingBottom:
+                'calc(env(safe-area-inset-bottom) + var(--flagship-bottom-height) + 16px)'
             }
           }
         },