From 806c42dfd2aece6028ae930bd2b72006b49e8896 Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Wed, 12 Aug 2026 13:56:29 +0700
Subject: [PATCH] refactor: remove size constraints from DialogContent
 components across multiple pages

---
 resources/js/components/auth/two-factor-setup-modal.tsx     | 2 +-
 resources/js/components/ui/dialog.tsx                       | 2 +-
 resources/js/pages/admin/finance/employee-advance/index.tsx | 2 +-
 resources/js/pages/admin/hr/attendance/index.tsx            | 2 +-
 resources/js/pages/admin/manage/cutting/create.tsx          | 2 +-
 resources/js/pages/admin/manage/cutting/edit.tsx            | 2 +-
 resources/js/pages/dashboard.tsx                            | 2 +-
 7 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/resources/js/components/auth/two-factor-setup-modal.tsx b/resources/js/components/auth/two-factor-setup-modal.tsx
index 172fab3..17611f8 100644
--- a/resources/js/components/auth/two-factor-setup-modal.tsx
+++ b/resources/js/components/auth/two-factor-setup-modal.tsx
@@ -328,7 +328,7 @@ export default function TwoFactorSetupModal({
 
     return (
         <Dialog open={isOpen} onOpenChange={(open) => !open && handleClose()}>
-            <DialogContent className="sm:max-w-md">
+            <DialogContent>
                 <DialogHeader className="flex items-center justify-center">
                     <GridScanIcon />
                     <DialogTitle>{modalConfig.title}</DialogTitle>
diff --git a/resources/js/components/ui/dialog.tsx b/resources/js/components/ui/dialog.tsx
index e5f0a96..7ce1dca 100644
--- a/resources/js/components/ui/dialog.tsx
+++ b/resources/js/components/ui/dialog.tsx
@@ -59,7 +59,7 @@ function DialogContent({
       <DialogPrimitive.Content
         data-slot="dialog-content"
         className={cn(
-          "fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 outline-none data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 sm:max-w-lg",
+          "fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] max-h-[85vh] overflow-y-auto translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 outline-none data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 sm:max-w-lg",
           className
         )}
         {...props}
diff --git a/resources/js/pages/admin/finance/employee-advance/index.tsx b/resources/js/pages/admin/finance/employee-advance/index.tsx
index 570d096..0a9ff25 100644
--- a/resources/js/pages/admin/finance/employee-advance/index.tsx
+++ b/resources/js/pages/admin/finance/employee-advance/index.tsx
@@ -428,7 +428,7 @@ export default function EmployeeAdvanceIndex({
                         }
                     }}
                 >
-                    <DialogContent className="sm:max-w-md">
+                    <DialogContent>
                         <DialogHeader>
                             <DialogTitle>Riwayat Pembayaran</DialogTitle>
                             <DialogDescription>
diff --git a/resources/js/pages/admin/hr/attendance/index.tsx b/resources/js/pages/admin/hr/attendance/index.tsx
index b3a9d72..104b4c8 100644
--- a/resources/js/pages/admin/hr/attendance/index.tsx
+++ b/resources/js/pages/admin/hr/attendance/index.tsx
@@ -657,7 +657,7 @@ export default function AttendanceIndex({
                 open={!!detailAttendance}
                 onOpenChange={(open) => !open && setDetailAttendance(null)}
             >
-                <DialogContent className="sm:max-w-2xl">
+                <DialogContent>
                     <DialogHeader>
                         <DialogTitle>
                             {isAdmin && detailAttendance?.employee_name
diff --git a/resources/js/pages/admin/manage/cutting/create.tsx b/resources/js/pages/admin/manage/cutting/create.tsx
index 435e2c5..7bd132e 100644
--- a/resources/js/pages/admin/manage/cutting/create.tsx
+++ b/resources/js/pages/admin/manage/cutting/create.tsx
@@ -618,7 +618,7 @@ export default function CuttingCreate({ rawMaterials }: Props) {
                 )}
 
                 <Dialog open={comboDialogOpen} onOpenChange={setComboDialogOpen} modal={false}>
-                    <DialogContent className="sm:max-w-md">
+                    <DialogContent>
                         <DialogHeader>
                             <DialogTitle>Tambah Kombinasi</DialogTitle>
                         </DialogHeader>
diff --git a/resources/js/pages/admin/manage/cutting/edit.tsx b/resources/js/pages/admin/manage/cutting/edit.tsx
index 829de83..7bb1a63 100644
--- a/resources/js/pages/admin/manage/cutting/edit.tsx
+++ b/resources/js/pages/admin/manage/cutting/edit.tsx
@@ -594,7 +594,7 @@ export default function CuttingEdit({ cutting, rawMaterials }: Props) {
                 )}
 
                 <Dialog open={comboDialogOpen} onOpenChange={setComboDialogOpen} modal={false}>
-                    <DialogContent className="sm:max-w-md">
+                    <DialogContent>
                         <DialogHeader>
                             <DialogTitle>Tambah Kombinasi</DialogTitle>
                         </DialogHeader>
diff --git a/resources/js/pages/dashboard.tsx b/resources/js/pages/dashboard.tsx
index f1c1782..d0426a7 100644
--- a/resources/js/pages/dashboard.tsx
+++ b/resources/js/pages/dashboard.tsx
@@ -306,7 +306,7 @@ export default function Dashboard({
                         />
 
                         <Dialog open={showCamera} onOpenChange={setShowCamera}>
-                            <DialogContent className="sm:max-w-md">
+                            <DialogContent>
                                 <CameraCapture
                                     onCapture={handleCameraCapture}
                                     onClose={() => setShowCamera(false)}