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

chore(docs): update example styles (#1469)

Browse Source 
* chore(docs): update basic example styles

* chore(docs): update confirm delete example styles

* chore(docs): update dnd example styles

* chore(docs): update hidden example

* chore(docs): update update node example

* chore(docs): update node toolbar example styles

* chore(docs): update transition example styles

* chore(docs): cleanup basic example els

* chore(docs): cleanup examples
This commit is contained in:
Braks
2024-06-10 23:51:47 +02:00
committed by braks
parent 5dc8711a6b
commit d71de0a92d
34 changed files with 528 additions and 244 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/examples/nested/App.vue
+20 -10
View File
@@ -6,56 +6,66 @@ import { Controls } from '@vue-flow/controls'
import { MiniMap } from '@vue-flow/minimap'
const nodes = ref([
{ id: '1', type: 'input', label: 'node', position: { x: 250, y: 0 } },
{
id: '1',
type: 'input',
data: { label: 'node' },
position: { x: 250, y: 0 },
},
{
id: '2',
label: 'parent node',
data: { label: 'parent node' },
position: { x: 100, y: 100 },
style: { backgroundColor: 'rgba(16, 185, 129, 0.5)', width: '200px', height: '200px' },
},
{
id: '2a',
label: 'child node',
data: { label: 'child node' },
position: { x: 10, y: 50 },
parentNode: '2',
},
{
id: '4',
label: 'parent node',
data: { label: 'parent node' },
position: { x: 320, y: 175 },
style: { backgroundColor: 'rgba(16, 185, 129, 0.5)', width: '400px', height: '300px' },
},
{
id: '4a',
label: 'child node',
data: { label: 'child node' },
position: { x: 15, y: 65 },
extent: 'parent',
parentNode: '4',
},
{
id: '4b',
label: 'nested parent node',
data: { label: 'nested parent node' },
position: { x: 15, y: 120 },
style: { backgroundColor: 'rgba(139, 92, 246, 0.5)', height: '150px', width: '270px' },
parentNode: '4',
},
{
id: '4b1',
label: 'nested child node',
data: { label: 'nested child node' },
position: { x: 20, y: 40 },
parentNode: '4b',
},
{
id: '4b2',
label: 'nested child node',
data: { label: 'nested child node' },
position: { x: 100, y: 100 },
parentNode: '4b',
},
{ id: '4c', label: 'child node', position: { x: 200, y: 65 }, parentNode: '4' },
{
id: '4c',
data: { label: 'child node' },
position: { x: 200, y: 65 },
parentNode: '4',
},
{
id: '999',
type: 'input',
label: 'Drag me to extend area!',
data: { label: 'Drag me to extend area!' },
position: { x: 20, y: 100 },
class: 'light',
expandParent: true,