mirror of
https://github.com/open-webui/open-webui.git
synced 2025-12-11 20:05:19 +00:00
37 lines
1 KiB
Svelte
37 lines
1 KiB
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-[var(--sidebar-width)] md:w-[calc(100%-var(--sidebar-width))]'
|
|
: '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-sm bg-gray-100/50 dark:bg-gray-900/80 flex justify-center"
|
|
>
|
|
<div class="m-auto flex flex-col justify-center">
|
|
<div class="max-w-md">
|
|
<AddFilesPlaceholder />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{/if}
|