dst/dstpabuaran.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: remove size constraints from DialogContent components across multiple pages

Browse Source
This commit is contained in:
Yoga Pangestu 2026-08-12 13:56:29 +07:00
parent 0d1e722f6f
commit 806c42dfd2
7 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
resources/js/components/auth/two-factor-setup-modal.tsx
View File

@ -328,7 +328,7 @@ export default function TwoFactorSetupModal({
return ( return (
<Dialog open={isOpen} onOpenChange={(open) => !open && handleClose()}> <Dialog open={isOpen} onOpenChange={(open) => !open && handleClose()}>
<DialogContent className="sm:max-w-md"> <DialogContent>
<DialogHeader className="flex items-center justify-center"> <DialogHeader className="flex items-center justify-center">
<GridScanIcon /> <GridScanIcon />
<DialogTitle>{modalConfig.title}</DialogTitle> <DialogTitle>{modalConfig.title}</DialogTitle>

2
resources/js/components/ui/dialog.tsx
View File

@ -59,7 +59,7 @@ function DialogContent({
<DialogPrimitive.Content <DialogPrimitive.Content
data-slot="dialog-content" data-slot="dialog-content"
className={cn( 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 className
)} )}
{...props} {...props}

2
resources/js/pages/admin/finance/employee-advance/index.tsx
View File

@ -428,7 +428,7 @@ export default function EmployeeAdvanceIndex({
} }
}} }}
> >
<DialogContent className="sm:max-w-md"> <DialogContent>
<DialogHeader> <DialogHeader>
<DialogTitle>Riwayat Pembayaran</DialogTitle> <DialogTitle>Riwayat Pembayaran</DialogTitle>
<DialogDescription> <DialogDescription>

2
resources/js/pages/admin/hr/attendance/index.tsx
View File

@ -657,7 +657,7 @@ export default function AttendanceIndex({
open={!!detailAttendance} open={!!detailAttendance}
onOpenChange={(open) => !open && setDetailAttendance(null)} onOpenChange={(open) => !open && setDetailAttendance(null)}
> >
<DialogContent className="sm:max-w-2xl"> <DialogContent>
<DialogHeader> <DialogHeader>
<DialogTitle> <DialogTitle>
{isAdmin && detailAttendance?.employee_name {isAdmin && detailAttendance?.employee_name

2
resources/js/pages/admin/manage/cutting/create.tsx
View File

@ -618,7 +618,7 @@ export default function CuttingCreate({ rawMaterials }: Props) {
)} )}
<Dialog open={comboDialogOpen} onOpenChange={setComboDialogOpen} modal={false}> <Dialog open={comboDialogOpen} onOpenChange={setComboDialogOpen} modal={false}>
<DialogContent className="sm:max-w-md"> <DialogContent>
<DialogHeader> <DialogHeader>
<DialogTitle>Tambah Kombinasi</DialogTitle> <DialogTitle>Tambah Kombinasi</DialogTitle>
</DialogHeader> </DialogHeader>

2
resources/js/pages/admin/manage/cutting/edit.tsx
View File

@ -594,7 +594,7 @@ export default function CuttingEdit({ cutting, rawMaterials }: Props) {
)} )}
<Dialog open={comboDialogOpen} onOpenChange={setComboDialogOpen} modal={false}> <Dialog open={comboDialogOpen} onOpenChange={setComboDialogOpen} modal={false}>
<DialogContent className="sm:max-w-md"> <DialogContent>
<DialogHeader> <DialogHeader>
<DialogTitle>Tambah Kombinasi</DialogTitle> <DialogTitle>Tambah Kombinasi</DialogTitle>
</DialogHeader> </DialogHeader>

2
resources/js/pages/dashboard.tsx
View File

@ -306,7 +306,7 @@ export default function Dashboard({
/> />
<Dialog open={showCamera} onOpenChange={setShowCamera}> <Dialog open={showCamera} onOpenChange={setShowCamera}>
<DialogContent className="sm:max-w-md"> <DialogContent>
<CameraCapture <CameraCapture
onCapture={handleCameraCapture} onCapture={handleCameraCapture}
onClose={() => setShowCamera(false)} onClose={() => setShowCamera(false)}