mirror of
https://github.com/ManInDark/HabitTrove.git
synced 2026-01-20 22:24:28 +01:00
10 lines
441 B
TypeScript
10 lines
441 B
TypeScript
/**
|
|
* ModalOverlay provides a dimming effect for non-modal dialogs or popovers
|
|
* that need to appear modal (e.g., to prevent interaction with background elements).
|
|
* It should be rendered alongside the dialog/popover it's intended to overlay for.
|
|
* Ensure the dialog/popover has a z-index higher than this overlay (default z-40).
|
|
*/
|
|
export default function ModalOverlay() {
|
|
return <div className="fixed inset-0 z-50 bg-black/80" />
|
|
}
|