mirror of
https://github.com/open-webui/open-webui
synced 2024-11-15 04:53:54 +00:00
36 lines
1006 B
Svelte
36 lines
1006 B
Svelte
|
<script lang="ts">
|
||
|
|
import { showSidebar } from '$lib/stores';
|
||
|
|
import AddFilesPlaceholder from '$lib/components/AddFilesPlaceholder.svelte';
|
||
|
|
|
||
|
|
export let show = false;
|
||
|
|
let overlayElement = null;
|
||
|
|
|
||
|
|
$: if (show && overlayElement) {
|
||
|
|
document.body.appendChild(overlayElement);
|
||
|
|
document.body.style.overflow = 'hidden';
|
||
|
|
} else if (overlayElement) {
|
||
|
|
document.body.removeChild(overlayElement);
|
||
|
|
document.body.style.overflow = 'unset';
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
{#if show}
|
||
|
|
<div
|
||
|
|
bind:this={overlayElement}
|
||
|
|
class="fixed {$showSidebar
|
||
|
|
? 'left-0 md:left-[260px] md:w-[calc(100%-260px)]'
|
||
|
|
: 'left-0'} fixed top-0 right-0 bottom-0 w-full h-full flex z-[9999] touch-none pointer-events-none"
|
||
|
|
id="dropzone"
|
||
|
|
role="region"
|
||
|
|
aria-label="Drag and Drop Container"
|
||
|
|
>
|
||
|
|
<div class="absolute w-full h-full backdrop-blur bg-gray-800/40 flex justify-center">
|
||
|
|
<div class="m-auto pt-64 flex flex-col justify-center">
|
||
|
|
<div class="max-w-md">
|
||
|
|
<AddFilesPlaceholder />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{/if}
|