fixed ConfirmDialog styles (#2913)

ita-social-projects · Dec 3, 2024 · f884090 · f884090
1 parent 407abba
commit f884090
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 10 deletions.
diff --git a/src/components/confirm-dialog/ConfirmDialog.styles.ts b/src/components/confirm-dialog/ConfirmDialog.styles.ts
@@ -2,19 +2,24 @@ import { TypographyVariantEnum } from '~/types'
 
 export const styles = {
   root: {
-    minWidth: { xs: '280px', sm: '400px' }
+    minWidth: { xs: '280px', sm: '400px' },
+    maxWidth: '600px'
+  },
+  header: {
+    display: 'flex',
+    justifyContent: 'space-between',
+    px: '16px'
   },
   icon: {
-    position: 'absolute',
     color: 'primary.600',
-    right: '32px',
-    top: '32px',
-    p: 0
+    p: 0,
+    mt: '20px',
+    alignSelf: 'start'
   },
   title: {
     color: 'primary.700',
     typography: TypographyVariantEnum.H5,
-    p: '26px 0px 20px 30px'
+    p: '20px 15px 15px 14px'
   },
   content: {
     color: 'primary.600',

diff --git a/src/components/confirm-dialog/ConfirmDialog.tsx b/src/components/confirm-dialog/ConfirmDialog.tsx
@@ -11,6 +11,7 @@ import AppButton from '~/components/app-button/AppButton'
 import { styles } from '~/components/confirm-dialog/ConfirmDialog.styles'
 
 import { ButtonVariantEnum } from '~/types'
+import { Box } from '@mui/material'
 
 interface ConfirmDialogProps {
   message: string
@@ -42,10 +43,12 @@ const ConfirmDialog: FC<ConfirmDialogProps> = ({
       onClose={onDismiss}
       open={open}
     >
-      <Typography sx={styles.title}>{t(title)}</Typography>
-      <IconButton onClick={onDismiss} sx={styles.icon}>
-        <CloseIcon />
-      </IconButton>
+      <Box sx={styles.header}>
+        <Typography sx={styles.title}>{t(title)}</Typography>
+        <IconButton onClick={onDismiss} sx={styles.icon}>
+          <CloseIcon />
+        </IconButton>
+      </Box>
       <DialogContent sx={styles.content}>
         <Typography>{t(message)}</Typography>
       </DialogContent>