refactor: remove size constraints from DialogContent components across multiple pages

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>

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}

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>

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

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>

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>

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)}