fix: modal backdrop dismiss
This commit is contained in:
parent
1ab5bd5490
commit
b7bb137ba0
2 changed files with 6 additions and 1 deletions
|
|
@ -10,8 +10,9 @@ interface ModalProps extends DialogProps, ClassNameString { }
|
|||
|
||||
function Modal({ className, ...props }: ModalProps) {
|
||||
return (
|
||||
<ModalOverlay className="fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4" isDismissable>
|
||||
<ModalOverlay isDismissable>
|
||||
<AriaDialog className="" {...props} />
|
||||
|
||||
</ModalOverlay>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -13,3 +13,7 @@
|
|||
--radius-3xl: 1.5rem;
|
||||
--radius-4xl: 2rem;
|
||||
}
|
||||
|
||||
.react-aria-ModalOverlay {
|
||||
@apply fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue