itm/siakad-itm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: enhance FormDialog component with improved layout and utility class integration

Browse Source
This commit is contained in:
Yoga Pangestu 2026-08-31 15:26:02 +07:00
parent ddbbf1cc7f
commit 89454c3cc4
1 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
resources/js/components/form-dialog.tsx
View File

@ -9,6 +9,7 @@ import {
DialogHeader,
DialogTitle,
} from '@/components/ui/dialog';
import { cn } from '@/lib/utils';
type FormDialogProps = {
open: boolean;
@ -44,23 +45,29 @@ export function FormDialog({
}: FormDialogProps) {
return (
<Dialog open={open} onOpenChange={onOpenChange}>
<DialogContent className={contentClassName}>
<DialogContent
className={cn(
'flex max-h-[85vh] flex-col overflow-hidden',
contentClassName,
)}
>
<Form
action={action}
resetOnSuccess={resetOnSuccess}
onSuccess={onSuccess}
className="flex min-h-0 flex-1 flex-col"
>
{({ errors, processing }) => (
<>
<DialogHeader>
<DialogHeader className="shrink-0">
<DialogTitle>{title}</DialogTitle>
</DialogHeader>
<div className="grid gap-4 py-4">
<div className="grid flex-1 gap-4 overflow-y-auto py-4">
{typeof children === 'function'
? children({ errors, processing })
: children}
</div>
<DialogFooter>
<DialogFooter className="shrink-0">
<Button
type="button"
variant="outline"