fix code style

Author: xlorne

admin-ui/src/components/Flow/nodes/Circulate/index.scss

@@ -4,7 +4,6 @@ $color: #61aa1f;
 .circulate-node {
   display: flex;
   align-items: center;
-  min-width: 200px;
   max-height: 40px;
   border: 1px solid $color;
   border-radius: 12px;

admin-ui/src/components/Flow/nodes/Circulate/index.tsx

@@ -45,7 +45,7 @@ export const CirculateView: React.FC<CirculateProps> = (props) => {
             <div>
                 <span className={"code"}>
                     {props.code && (
-                        <> ({props.code})</>
+                        <>({props.code})</>
                     )}
                 </span>
                 <span className={"title"}>{props.name}</span>
@@ -81,7 +81,8 @@ export const CirculateView: React.FC<CirculateProps> = (props) => {
 
 class CirculateModel extends HtmlNodeModel {
     setAttributes() {
-        this.width = 250;
+        const name = this.properties.name as string;
+        this.width = 200 + name.length * 10;
         this.height = 45;
         this.text.editable = false;
         this.menu = [];

admin-ui/src/components/Flow/nodes/Node/index.scss

@@ -4,7 +4,6 @@ $color: #6855ef;
 .node-node {
   display: flex;
   align-items: center;
-  min-width: 200px;
   max-height: 40px;
   border: 1px solid $color;
   border-radius: 12px;

admin-ui/src/components/Flow/nodes/Node/index.tsx

@@ -46,7 +46,7 @@ export const NodeView: React.FC<NodeProps> = (props) => {
             <div>
                 <span className={"code"}>
                     {props.code && (
-                        <> ({props.code})</>
+                        <>({props.code})</>
                     )}
                 </span>
                 <span className={"title"}>{props.name}</span>
@@ -82,7 +82,8 @@ export const NodeView: React.FC<NodeProps> = (props) => {
 
 class NodeModel extends HtmlNodeModel {
     setAttributes() {
-        this.width = 250;
+        const name = this.properties.name as string;
+        this.width = 200 + name.length * 10;
         this.height = 45;
         this.text.editable = false;
         this.menu = [];

admin-ui/src/components/Flow/nodes/Over/index.scss

@@ -4,7 +4,6 @@ $color: #ea3f21;
 .over-node {
   display: flex;
   align-items: center;
-  min-width: 200px;
   max-height: 40px;
   border: 1px solid $color;
   border-radius: 12px;

admin-ui/src/components/Flow/nodes/Over/index.tsx

@@ -46,7 +46,7 @@ export const OverView: React.FC<OverProps> = (props) => {
             <div>
                 <span className={"code"}>
                     {props.code && (
-                        <> ({props.code})</>
+                        <>({props.code})</>
                     )}
                 </span>
                 <span className={"title"}>{props.name}</span>
@@ -80,8 +80,10 @@ export const OverView: React.FC<OverProps> = (props) => {
 }
 
 class OverModel extends HtmlNodeModel {
+
     setAttributes() {
-        this.width = 250;
+        const name = this.properties.name as string;
+        this.width = 200 + name.length * 10;
         this.height = 45;
         this.text.editable = false;
         this.menu = [];

admin-ui/src/components/Flow/nodes/Start/index.scss

@@ -3,7 +3,6 @@ $color: #b1ad30;
 .start-node {
   display: flex;
   align-items: center;
-  min-width: 200px;
   max-height: 40px;
   border: 1px solid $color;
   border-radius: 12px;

admin-ui/src/components/Flow/nodes/Start/index.tsx

@@ -45,7 +45,7 @@ export const StartView: React.FC<StartProps> = (props) => {
             <div>
                 <span className={"code"}>
                     {props.code && (
-                        <> ({props.code})</>
+                        <>({props.code})</>
                     )}
                 </span>
                 <span className={"title"}>{props.name}</span>
@@ -80,7 +80,8 @@ export const StartView: React.FC<StartProps> = (props) => {
 
 class StartModel extends HtmlNodeModel {
     setAttributes() {
-        this.width = 250;
+        const name = this.properties.name as string;
+        this.width = 200 + name.length * 10;
         this.height = 45;
         this.text.editable = false;
         this.menu = [];