diff options
Diffstat (limited to 'src/lib/Layout/Popup.svelte')
| -rw-r--r-- | src/lib/Layout/Popup.svelte | 66 |
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} /> |