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/basic/style.css
+17 -13
View File
@@ -1,48 +1,52 @@
.basicflow.dark {
background: #000000;
.basic-flow.dark {
background: #2d3748;
color: #FFFFFB;
}
.basicflow.dark .vue-flow__node {
background: hsl(0, 0%, 10%);
.basic-flow.dark .vue-flow__node {
background: #4a5568;
color: #FFFFFB;
}
.basicflow.dark .vue-flow__node.selected {
.basic-flow.dark .vue-flow__node.selected {
background: hsl(0, 0%, 20%);
border: 1px solid hotpink;
box-shadow: 0 0 0 2px #2563eb;
}
.basicflow .vue-flow__controls {
.basic-flow .vue-flow__controls {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.basicflow.dark .vue-flow__controls {
.basic-flow.dark .vue-flow__controls {
border: 1px solid #FFFFFB;
}
.basicflow .vue-flow__controls .vue-flow__controls-button {
.basic-flow .vue-flow__controls .vue-flow__controls-button {
border: none;
border-right: 1px solid #eee;
}
.basic-flow .vue-flow__controls .vue-flow__controls-button svg {
height: 100%;
width: 100%;
}
.basicflow.dark .vue-flow__controls .vue-flow__controls-button {
.basic-flow.dark .vue-flow__controls .vue-flow__controls-button {
background: hsl(0, 0%, 20%);
fill: #FFFFFB;
border: none;
}
.basicflow.dark .vue-flow__controls .vue-flow__controls-button:hover {
.basic-flow.dark .vue-flow__controls .vue-flow__controls-button:hover {
background: hsl(0, 0%, 30%);
}
.basicflow.dark .vue-flow__edge-textbg {
.basic-flow.dark .vue-flow__edge-textbg {
fill: #292524;
}
.basicflow.dark .vue-flow__edge-text {
.basic-flow.dark .vue-flow__edge-text {
fill: #FFFFFB;
}