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

10
docs/examples/dnd/App.vue
View File

@@ -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 />