|
@@ -4,7 +4,7 @@
|
|
|
const { saveAs } = fileSaver;
|
|
const { saveAs } = fileSaver;
|
|
|
|
|
|
|
|
import { onMount, getContext } from 'svelte';
|
|
import { onMount, getContext } from 'svelte';
|
|
|
- import { WEBUI_NAME, documents } from '$lib/stores';
|
|
|
|
|
|
|
+ import { WEBUI_NAME, documents, showSidebar } from '$lib/stores';
|
|
|
import { createNewDoc, deleteDocByName, getDocs } from '$lib/apis/documents';
|
|
import { createNewDoc, deleteDocByName, getDocs } from '$lib/apis/documents';
|
|
|
|
|
|
|
|
import { SUPPORTED_FILE_TYPE, SUPPORTED_FILE_EXTENSIONS } from '$lib/constants';
|
|
import { SUPPORTED_FILE_TYPE, SUPPORTED_FILE_EXTENSIONS } from '$lib/constants';
|
|
@@ -157,12 +157,14 @@
|
|
|
|
|
|
|
|
{#if dragged}
|
|
{#if dragged}
|
|
|
<div
|
|
<div
|
|
|
- class="fixed w-full h-full flex z-50 touch-none pointer-events-none"
|
|
|
|
|
|
|
+ class="fixed {$showSidebar
|
|
|
|
|
+ ? 'left-0 md:left-[260px] md:w-[calc(100%-260px)]'
|
|
|
|
|
+ : 'left-0'} w-full h-full flex z-50 touch-none pointer-events-none"
|
|
|
id="dropzone"
|
|
id="dropzone"
|
|
|
role="region"
|
|
role="region"
|
|
|
aria-label="Drag and Drop Container"
|
|
aria-label="Drag and Drop Container"
|
|
|
>
|
|
>
|
|
|
- <div class="absolute rounded-xl w-full h-full backdrop-blur bg-gray-800/40 flex justify-center">
|
|
|
|
|
|
|
+ <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="m-auto pt-64 flex flex-col justify-center">
|
|
|
<div class="max-w-md">
|
|
<div class="max-w-md">
|
|
|
<AddFilesPlaceholder>
|
|
<AddFilesPlaceholder>
|
Timothy J. Baek