From fb8cca4a2b237fd0be7a34e5e85a0f807fa62526 Mon Sep 17 00:00:00 2001
From: space-nuko <24979496+space-nuko@users.noreply.github.com>
Date: Sat, 20 May 2023 09:38:32 -0500
Subject: [PATCH] Move dropzone to queue window

---
 src/lib/components/ComfyApp.svelte    | 2 +-
 src/lib/components/ComfyQueue.svelte  | 6 +++++-
 src/lib/components/ComfyUIPane.svelte | 2 --
 src/lib/components/DropZone.svelte    | 4 ++--
 4 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/lib/components/ComfyApp.svelte b/src/lib/components/ComfyApp.svelte
index f99acbb..e3f11e2 100644
--- a/src/lib/components/ComfyApp.svelte
+++ b/src/lib/components/ComfyApp.svelte
@@ -240,7 +240,7 @@
             </Pane>
             <Pane bind:size={queueSidebarSize}>
                 <div class="sidebar-wrapper pane-wrapper">
-                    <ComfyQueue />
+                    <ComfyQueue {app} />
                 </div>
             </Pane>
         </Splitpanes>
diff --git a/src/lib/components/ComfyQueue.svelte b/src/lib/components/ComfyQueue.svelte
index b10259f..edaaaee 100644
--- a/src/lib/components/ComfyQueue.svelte
+++ b/src/lib/components/ComfyQueue.svelte
@@ -11,7 +11,10 @@
  import { Button } from "@gradio/button";
  import type ComfyApp from "./ComfyApp";
  import { tick } from "svelte";
-	import Modal from "./Modal.svelte";
+ import Modal from "./Modal.svelte";
+ import DropZone from "./DropZone.svelte";
+
+ export let app: ComfyApp;
 
  let queuePending: Writable<QueueEntry[]> | null = null;
  let queueRunning: Writable<QueueEntry[]> | null = null;
@@ -197,6 +200,7 @@
 </Modal>
 
 <div class="queue">
+    <DropZone {app} />
     <div class="queue-entries {mode}-mode" bind:this={queueList}>
         {#if _entries.length > 0}
             {#each _entries as entry}
diff --git a/src/lib/components/ComfyUIPane.svelte b/src/lib/components/ComfyUIPane.svelte
index 92975bd..b4a2bc8 100644
--- a/src/lib/components/ComfyUIPane.svelte
+++ b/src/lib/components/ComfyUIPane.svelte
@@ -9,7 +9,6 @@
  import layoutState, { type ContainerLayout, type DragItem, type IDragItem } from "$lib/stores/layoutState";
  import uiState from "$lib/stores/uiState";
  import selectionState from "$lib/stores/selectionState";
- import DropZone from "./DropZone.svelte";
 
  import Menu from './menu/Menu.svelte';
  import MenuOption from './menu/MenuOption.svelte';
@@ -151,7 +150,6 @@
 </script>
 
 <div id="comfy-ui-panes" on:contextmenu={onRightClick}>
-    <DropZone {app} />
     <WidgetContainer bind:dragItem={root} classes={["root-container"]} />
 </div>
 
diff --git a/src/lib/components/DropZone.svelte b/src/lib/components/DropZone.svelte
index d23c517..9c949b3 100644
--- a/src/lib/components/DropZone.svelte
+++ b/src/lib/components/DropZone.svelte
@@ -50,7 +50,7 @@
  }
 </script>
 
-<!-- <svelte:window on:dragenter={showDropZone} /> -->
+<svelte:window on:dragenter={showDropZone} />
 
 {#if !disabled}
     <div id="dropzone"
@@ -66,7 +66,7 @@
  .dropzone {
      box-sizing: border-box;
      display: none;
-     position: fixed;
+     position: absolute;
      width: 100%;
      height: 100%;
      left: 0;