mirror of
https://github.com/open-webui/open-webui
synced 2024-11-14 12:39:58 +00:00
41 lines
915 B
Svelte
41 lines
915 B
Svelte
|
<script lang="ts">
|
||
|
|
import { onMount } from 'svelte';
|
||
|
|
import { fade, blur } from 'svelte/transition';
|
||
|
|
|
||
|
|
export let show = true;
|
||
|
|
let mounted = false;
|
||
|
|
|
||
|
|
onMount(() => {
|
||
|
|
mounted = true;
|
||
|
|
});
|
||
|
|
|
||
|
|
$: if (mounted) {
|
||
|
|
if (show) {
|
||
|
|
document.body.style.overflow = 'hidden';
|
||
|
|
} else {
|
||
|
|
document.body.style.overflow = 'unset';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
{#if show}
|
||
|
|
<!-- svelte-ignore a11y-click-events-have-key-events -->
|
||
|
|
<!-- svelte-ignore a11y-no-static-element-interactions -->
|
||
|
|
<div
|
||
|
|
class="fixed top-0 right-0 left-0 bottom-0 bg-stone-900/50 w-full min-h-screen h-screen flex justify-center z-50 overflow-hidden overscroll-contain"
|
||
|
|
on:click={() => {
|
||
|
|
show = false;
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<div
|
||
|
|
class="m-auto min-h-52 max-w-full w-[30rem] bg-stone-800 rounded-lg p-5 mx-3 shadow-3xl"
|
||
|
|
transition:fade={{ delay: 100, duration: 200 }}
|
||
|
|
on:click={(e) => {
|
||
|
|
e.stopPropagation();
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<slot />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{/if}
|