style(nodes): put styles into specific node type classes
This commit is contained in:
+9
-3
@@ -110,9 +110,6 @@
|
|||||||
pointer-events: all;
|
pointer-events: all;
|
||||||
transform-origin: 0 0;
|
transform-origin: 0 0;
|
||||||
cursor: grab;
|
cursor: grab;
|
||||||
padding: 10px;
|
|
||||||
border-radius: 5px;
|
|
||||||
width: 150px;
|
|
||||||
background: #eee;
|
background: #eee;
|
||||||
|
|
||||||
&.selected,
|
&.selected,
|
||||||
@@ -130,14 +127,23 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.react-flow__node-default {
|
.react-flow__node-default {
|
||||||
|
padding: 10px;
|
||||||
|
border-radius: 5px;
|
||||||
|
width: 150px;
|
||||||
background: #ff6060;
|
background: #ff6060;
|
||||||
}
|
}
|
||||||
|
|
||||||
.react-flow__node-input {
|
.react-flow__node-input {
|
||||||
|
padding: 10px;
|
||||||
|
border-radius: 5px;
|
||||||
|
width: 150px;
|
||||||
background: #9999ff;
|
background: #9999ff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.react-flow__node-output {
|
.react-flow__node-output {
|
||||||
|
padding: 10px;
|
||||||
|
border-radius: 5px;
|
||||||
|
width: 150px;
|
||||||
background: #55dd99;
|
background: #55dd99;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user