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>