aboutsummaryrefslogtreecommitdiff
path: root/src/lib/Layout/Popup.svelte
diff options
context:
space:
mode:
Diffstat (limited to 'src/lib/Layout/Popup.svelte')
-rw-r--r--src/lib/Layout/Popup.svelte66
1 files changed, 33 insertions, 33 deletions
diff --git a/src/lib/Layout/Popup.svelte b/src/lib/Layout/Popup.svelte
index dc1557e3..103e4e26 100644
--- a/src/lib/Layout/Popup.svelte
+++ b/src/lib/Layout/Popup.svelte
@@ -1,37 +1,37 @@
<script lang="ts">
- import { browser } from '$app/environment';
- import { onMount } from 'svelte';
-
- export let onLeave = () => {
- return;
- };
- export let card = true;
- export let smallCard = false;
- export let fullscreen = false;
- export let show = true;
- export let locked = false;
- export let center = false;
-
- const handleClickOutside = (event: MouseEvent) => {
- if (!locked && (event.target as HTMLElement).classList.contains('popup')) {
- show = false;
-
- onLeave();
- }
- };
-
- onMount(() => {
- if (browser) document.body.style.overflow = 'auto';
- });
-
- $: {
- if (browser) {
- document.body.style.overflow = 'auto';
-
- if (show) document.body.style.overflow = 'hidden';
- else document.body.style.overflow = 'auto';
- }
- }
+import { browser } from "$app/environment";
+import { onMount } from "svelte";
+
+export let onLeave = () => {
+ return;
+};
+export let card = true;
+export let smallCard = false;
+export let fullscreen = false;
+export let show = true;
+export let locked = false;
+export let center = false;
+
+const handleClickOutside = (event: MouseEvent) => {
+ if (!locked && (event.target as HTMLElement).classList.contains("popup")) {
+ show = false;
+
+ onLeave();
+ }
+};
+
+onMount(() => {
+ if (browser) document.body.style.overflow = "auto";
+});
+
+$: {
+ if (browser) {
+ document.body.style.overflow = "auto";
+
+ if (show) document.body.style.overflow = "hidden";
+ else document.body.style.overflow = "auto";
+ }
+}
</script>
<svelte:window onclick={handleClickOutside} />