refactor: more actual tailwind
This commit is contained in:
parent
76d18e32fd
commit
176e6cb062
2 changed files with 6 additions and 7 deletions
|
|
@ -2,17 +2,20 @@ import type { ClassNameString } from '@onelauncher/common';
|
|||
import type { DialogProps } from 'react-aria-components';
|
||||
import {
|
||||
Dialog as AriaDialog,
|
||||
Modal as AriaModal,
|
||||
DialogTrigger,
|
||||
Modal as ModalOverlay,
|
||||
ModalOverlay,
|
||||
} from 'react-aria-components';
|
||||
|
||||
interface ModalProps extends DialogProps, ClassNameString { }
|
||||
|
||||
function Modal({ className, ...props }: ModalProps) {
|
||||
return (
|
||||
<ModalOverlay isDismissable>
|
||||
<AriaDialog className="" {...props} />
|
||||
<ModalOverlay className="fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4" isDismissable>
|
||||
<AriaModal>
|
||||
<AriaDialog className="" {...props} />
|
||||
|
||||
</AriaModal>
|
||||
</ModalOverlay>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -13,7 +13,3 @@
|
|||
--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