fix(IllustrationDialog): The title was not centered properly

it is now, no matter if there is a back or close button
cozy · Jan 19, 2023 · 584a58c · 584a58c
1 parent 3897304
commit 584a58c
Showing 1 changed file with 16 additions and 4 deletions.
diff --git a/react/CozyDialogs/IllustrationDialog.jsx b/react/CozyDialogs/IllustrationDialog.jsx
@@ -17,7 +17,11 @@ const IllustrationDialog = props => {
     fullScreen,
     dialogActionsProps,
     dialogContentProps
-  } = useCozyDialog({ ...props, isFluidTitle: true })
+  } = useCozyDialog({
+    ...props,
+    isFluidTitle: true,
+    disableTitleAutoPadding: true
+  })
 
   const onBackOrClose = onBack || onClose
 
@@ -44,9 +48,17 @@ const IllustrationDialog = props => {
       <DialogContent {...dialogContentProps}>
         <div className="dialogContentInner withFluidActions">
           {title && (
-            <DialogTitle {...dialogTitleProps}>
-              <div className="u-flex u-flex-justify-center">{title}</div>
-            </DialogTitle>
+            <div className="dialogTitleFluidContainer">
+              <DialogTitle
+                {...dialogTitleProps}
+                className={cx(
+                  `u-flex u-flex-justify-center`,
+                  dialogTitleProps.className
+                )}
+              >
+                {title}
+              </DialogTitle>
+            </div>
           )}
           <div
             className={cx('dialogContentWrapper', {