Increase the z-index on the confirmation dialog so it can be displayed over modals

This commit is contained in:
Jackson Harper 2022-12-02 12:32:14 +08:00
parent a0aeb79686
commit 5ab647c629

View file

@ -22,7 +22,7 @@ export function ConfirmationModal(props: ConfirmationModalProps): JSX.Element {
return (
<ModalRoot defaultOpen onOpenChange={props.onOpenChange}>
<ModalOverlay />
<ModalContent css={{ bg: '$grayBg', maxWidth: '20em' }}>
<ModalContent css={{ bg: '$grayBg', maxWidth: '20em', zIndex: '20' }}>
<VStack alignment="center" distribution="center" css={{ p: '$2' }}>
{props.icon ? props.icon : null}
{props.richMessage ? (