apps/website/src/components/base/ScreenOverlay.astro


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

---
import type { HTMLAttributes } from "astro/types";

interface Props extends HTMLAttributes<"div"> {
    zIndex?: number;
}

const {
    zIndex = 0,
    ...rest
} = Astro.props;
---

<div class="pointer-events-none absolute left-0 top-0">
    <div class={`transition-opacity fixed opacity-0 w-screen h-screen z-[${zIndex}] bg-black/30 ${rest.class}`} {...rest}></div>
</div>