alighasami/vue-flow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore(docs): cleanup dnd example

Browse Source
This commit is contained in:
braks
2024-02-28 09:36:16 +01:00
parent 0f51e2ce24
commit 01e3df04a9
1 changed files with 4 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/examples/dnd/App.vue
+4 -6
View File
@@ -7,7 +7,7 @@ import useDragAndDrop from './useDnD'
const { onConnect, addEdges } = useVueFlow() const { onConnect, addEdges } = useVueFlow()
const { onDragOver, onDrop, onDragLeave, isDragging } = useDragAndDrop() const { onDragOver, onDrop, onDragLeave, isDragOver } = useDragAndDrop()
const nodes = ref([]) const nodes = ref([])
@@ -19,12 +19,10 @@ onConnect(addEdges)
<VueFlow :nodes="nodes" @dragover="onDragOver" @dragleave="onDragLeave"> <VueFlow :nodes="nodes" @dragover="onDragOver" @dragleave="onDragLeave">
<DropzoneBackground <DropzoneBackground
:style="{ :style="{
backgroundColor: isDragging ? 'rgba(0, 0, 0, 0.1)' : 'transparent', backgroundColor: isDragOver ? '#e7f3ff' : 'transparent',
borderColor: isDragging ? 'rgba(0, 0, 0, 0.2)' : 'transparent', transition: 'background-color 0.2s ease',
transition: 'background-color 0.2s, border-color 0.2s',
}" }"
> />
</DropzoneBackground>
</VueFlow> </VueFlow>
<Sidebar /> <Sidebar />