Fix modals taller than the viewport being unscrollable (#425)
This commit is contained in:
parent
be6a34e766
commit
72c1cf0b8e
@ -25,14 +25,14 @@ export function Modal({
|
||||
}, [onClose]);
|
||||
|
||||
return (
|
||||
<div className="fixed inset-0 z-50 flex items-center justify-center bg-black/50">
|
||||
<div className="fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4">
|
||||
<div
|
||||
role="dialog"
|
||||
aria-modal="true"
|
||||
aria-labelledby={labelledBy}
|
||||
className={`card bg-base-100 border border-base-300 w-full ${maxWidth} shadow-xl`}
|
||||
className={`card bg-base-100 border border-base-300 w-full ${maxWidth} max-h-full shadow-xl`}
|
||||
>
|
||||
<div className="card-body gap-4">{children}</div>
|
||||
<div className="card-body gap-4 overflow-y-auto">{children}</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user