Merge pull request #4561 from ChayanDass/fix/confirmDialog

illume · web-flow · commit 44729aa2bda7 · 2026-02-06T21:26:01.000-03:00
frontend: ConfirmDialog: Add responsive width
diff --git a/frontend/src/components/common/ConfirmDialog.tsx b/frontend/src/components/common/ConfirmDialog.tsx
@@ -68,6 +68,11 @@ export function ConfirmDialog(props: ConfirmDialogProps) {
         onClose={handleClose}
         aria-labelledby="alert-dialog-title"
         aria-describedby="alert-dialog-description"
+        PaperProps={{
+          sx: {
+            minWidth: 'clamp(280px, 25vw, 600px)',
+          },
+        }}
       >
         <DialogTitle id="alert-dialog-title">{title}</DialogTitle>
         <DialogContent ref={focusedRef} sx={{ py: 1 }}>
diff --git a/frontend/src/components/common/__snapshots__/ConfirmDialog.ConfirmDialog.stories.storyshot b/frontend/src/components/common/__snapshots__/ConfirmDialog.ConfirmDialog.stories.storyshot
@@ -26,7 +26,7 @@
       <div
         aria-describedby="alert-dialog-description"
         aria-labelledby="alert-dialog-title"
-        class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthSm css-1708vl9-MuiPaper-root-MuiDialog-paper"
+        class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthSm css-1a0zqad-MuiPaper-root-MuiDialog-paper"
         role="dialog"
       >
         <h2
diff --git a/frontend/src/components/common/__snapshots__/ConfirmDialog.ConfirmDialogCancelHidden.stories.storyshot b/frontend/src/components/common/__snapshots__/ConfirmDialog.ConfirmDialogCancelHidden.stories.storyshot
@@ -26,7 +26,7 @@
       <div
         aria-describedby="alert-dialog-description"
         aria-labelledby="alert-dialog-title"
-        class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthSm css-1708vl9-MuiPaper-root-MuiDialog-paper"
+        class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthSm css-1a0zqad-MuiPaper-root-MuiDialog-paper"
         role="dialog"
       >
         <h2

Original file line number	Diff line number	Diff line change
`@@ -26,7 +26,7 @@`
`26`	`26`	`<div`
`27`	`27`	`aria-describedby="alert-dialog-description"`
`28`	`28`	`aria-labelledby="alert-dialog-title"`
`29`		`- class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthSm css-1708vl9-MuiPaper-root-MuiDialog-paper"`
	`29`	`+ class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthSm css-1a0zqad-MuiPaper-root-MuiDialog-paper"`
`30`	`30`	`role="dialog"`
`31`	`31`	`>`
`32`	`32`	`<h2`