diff --git a/src/NodeRenderer/NodeTypes/DefaultNode.js b/src/NodeRenderer/NodeTypes/DefaultNode.js index f60c1f87..0d1e5647 100644 --- a/src/NodeRenderer/NodeTypes/DefaultNode.js +++ b/src/NodeRenderer/NodeTypes/DefaultNode.js @@ -5,7 +5,8 @@ import Handle from '../Handle'; const nodeStyles = { background: '#ff6060', padding: 10, - borderRadius: 5 + borderRadius: 5, + width: 150 }; export default ({ data, style }) => ( diff --git a/src/NodeRenderer/NodeTypes/InputNode.js b/src/NodeRenderer/NodeTypes/InputNode.js index 96581dc6..7df57abf 100644 --- a/src/NodeRenderer/NodeTypes/InputNode.js +++ b/src/NodeRenderer/NodeTypes/InputNode.js @@ -5,7 +5,8 @@ import Handle from '../Handle'; const nodeStyles = { background: '#9999ff', padding: 10, - borderRadius: 5 + borderRadius: 5, + width: 150 }; export default ({ data, style }) => ( diff --git a/src/NodeRenderer/NodeTypes/OutputNode.js b/src/NodeRenderer/NodeTypes/OutputNode.js index 8ba99ebe..2b8c9b00 100644 --- a/src/NodeRenderer/NodeTypes/OutputNode.js +++ b/src/NodeRenderer/NodeTypes/OutputNode.js @@ -5,7 +5,8 @@ import Handle from '../Handle'; const nodeStyles = { background: '#55ff99', padding: 10, - borderRadius: 5 + borderRadius: 5, + width: 150 }; export default ({ data, style }) => ( diff --git a/src/style.css b/src/style.css index b2428be8..3781f5c3 100644 --- a/src/style.css +++ b/src/style.css @@ -58,7 +58,6 @@ .react-graph__node { position: absolute; - width: 150px; color: #222; font-family: sans-serif; font-size: 12px;