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

chore(docs): update custom node example

Browse Source
This commit is contained in:
braks
2024-02-05 07:51:12 +01:00
committed by Braks
parent c381e6c11d
commit fc2f36b419
7 changed files with 149 additions and 131 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/examples/custom-node/style.css
+17 -7
View File
@@ -1,4 +1,4 @@
.customnodeflow .vue-flow__node-custom {
.custom-node-flow .vue-flow__node-color-selector {
border: 1px solid #777;
padding: 10px;
border-radius: 10px;
@@ -11,20 +11,30 @@
max-width: 250px;
}
.customnodeflow button {
.custom-node-flow .vue-flow__node-color-selector .color-selector {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
max-width: 90%;
margin: auto;
gap: 4px
}
.custom-node-flow .vue-flow__node-color-selector .color-selector button {
border: none;
cursor: pointer;
padding: 5px;
width: 25px;
height: 25px;
border-radius: 25px;
-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
cursor: pointer;
}
.customnodeflow button:hover {
opacity: 0.9;
transform: scale(105%);
transition: 250ms all ease;
.custom-node-flow .vue-flow__node-color-selector .color-selector button:hover {
-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
}
.animated-bg-gradient {