Контент формы скроллится отдельно, футер остаётся видимым. Co-authored-by: Cursor <[email protected]>
This commit is contained in:
@@ -38,21 +38,26 @@ export function FormSheet({
|
|||||||
return (
|
return (
|
||||||
<Sheet open={open} onOpenChange={onOpenChange}>
|
<Sheet open={open} onOpenChange={onOpenChange}>
|
||||||
{trigger ? <SheetTrigger render={trigger} /> : null}
|
{trigger ? <SheetTrigger render={trigger} /> : null}
|
||||||
<SheetContent side="right" className="w-full sm:max-w-md">
|
<SheetContent
|
||||||
<SheetHeader>
|
side="right"
|
||||||
|
className="w-full gap-0 overflow-hidden p-0 sm:max-w-md"
|
||||||
|
>
|
||||||
|
<SheetHeader className="shrink-0 border-b border-border/50">
|
||||||
<SheetTitle>{title}</SheetTitle>
|
<SheetTitle>{title}</SheetTitle>
|
||||||
{description ? <SheetDescription>{description}</SheetDescription> : null}
|
{description ? <SheetDescription>{description}</SheetDescription> : null}
|
||||||
</SheetHeader>
|
</SheetHeader>
|
||||||
<form
|
<form
|
||||||
className="flex flex-1 flex-col gap-4 overflow-y-auto p-4"
|
className="flex min-h-0 flex-1 flex-col"
|
||||||
onSubmit={(e) => {
|
onSubmit={(e) => {
|
||||||
e.preventDefault()
|
e.preventDefault()
|
||||||
onSubmit?.()
|
onSubmit?.()
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{children}
|
<div className="flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto p-4">
|
||||||
|
{children}
|
||||||
|
</div>
|
||||||
{onSubmit ? (
|
{onSubmit ? (
|
||||||
<SheetFooter className="mt-auto pt-4">
|
<SheetFooter className="shrink-0 border-t border-border/50">
|
||||||
<LoadingButton type="submit" loading={submitting} disabled={submitDisabled}>
|
<LoadingButton type="submit" loading={submitting} disabled={submitDisabled}>
|
||||||
{submitLabel}
|
{submitLabel}
|
||||||
</LoadingButton>
|
</LoadingButton>
|
||||||
|
|||||||
Reference in New Issue
Block a user