aboutsummaryrefslogtreecommitdiff
path: root/apps/website/src/components/base/ScreenOverlay.astro
diff options
context:
space:
mode:
authorPauline <git@ethanlibs.co>2023-10-14 14:24:27 -0400
committerPauline <git@ethanlibs.co>2023-10-14 14:24:27 -0400
commit997b850967df8dc03a7321b167dc9f7b52f98c7a (patch)
tree76568b90c7b82372a720249b89193f161581f2e8 /apps/website/src/components/base/ScreenOverlay.astro
parentdcc90017baaafa74c79acaa053535d73b6222475 (diff)
downloadNexus-997b850967df8dc03a7321b167dc9f7b52f98c7a.tar.gz
Nexus-997b850967df8dc03a7321b167dc9f7b52f98c7a.tar.bz2
Nexus-997b850967df8dc03a7321b167dc9f7b52f98c7a.zip
migrate(web): migrate from website/new-website to nexus/apps/website
Diffstat (limited to 'apps/website/src/components/base/ScreenOverlay.astro')
-rw-r--r--apps/website/src/components/base/ScreenOverlay.astro16
1 files changed, 16 insertions, 0 deletions
diff --git a/apps/website/src/components/base/ScreenOverlay.astro b/apps/website/src/components/base/ScreenOverlay.astro
new file mode 100644
index 0000000..7be8bc5
--- /dev/null
+++ b/apps/website/src/components/base/ScreenOverlay.astro
@@ -0,0 +1,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> \ No newline at end of file