From 01e3df04a973e79cd0cb594283aa84999e6198ed Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Wed, 28 Feb 2024 09:36:16 +0100
Subject: [PATCH] chore(docs): cleanup dnd example

---
 docs/examples/dnd/App.vue | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/docs/examples/dnd/App.vue b/docs/examples/dnd/App.vue
index 1c1bd16c..295e404b 100644
--- a/docs/examples/dnd/App.vue
+++ b/docs/examples/dnd/App.vue
@@ -7,7 +7,7 @@ import useDragAndDrop from './useDnD'
 
 const { onConnect, addEdges } = useVueFlow()
 
-const { onDragOver, onDrop, onDragLeave, isDragging } = useDragAndDrop()
+const { onDragOver, onDrop, onDragLeave, isDragOver } = useDragAndDrop()
 
 const nodes = ref([])
 
@@ -19,12 +19,10 @@ onConnect(addEdges)
     <VueFlow :nodes="nodes" @dragover="onDragOver" @dragleave="onDragLeave">
       <DropzoneBackground
         :style="{
-          backgroundColor: isDragging ? 'rgba(0, 0, 0, 0.1)' : 'transparent',
-          borderColor: isDragging ? 'rgba(0, 0, 0, 0.2)' : 'transparent',
-          transition: 'background-color 0.2s, border-color 0.2s',
+          backgroundColor: isDragOver ? '#e7f3ff' : 'transparent',
+          transition: 'background-color 0.2s ease',
         }"
-      >
-      </DropzoneBackground>
+      />
     </VueFlow>
 
     <Sidebar />