improved error and preview tip bottom triangle position

Author: devhelpr

libs/visual-programming-system/src/utils/create-rect-node.tsx

@@ -432,7 +432,7 @@ export const createRectNode = <T extends BaseNodeInfo>(
             after:border-l-[10px] after:border-l-transparent
             after:border-t-[10px] after:border-t-red-500
             after:border-r-[10px] after:border-r-transparent
-            after:absolute after:bottom-[-10px] after:left-[50%] after:transform after:translate-x-[-50%]
+            after:absolute after:bottom-[-9px] after:left-[50%] after:transform after:translate-x-[-50%]
           `,
           },
           rect.nodeComponent?.domElement,

libs/web-flow-executor/src/nodes/expression-execute.ts

@@ -157,7 +157,7 @@ export const getExpressionExecute: NodeTaskFactory<NodeInfo> = (
             after:border-l-[10px] after:border-l-transparent
             after:border-t-[10px] after:border-t-red-500
             after:border-r-[10px] after:border-r-transparent
-            after:absolute after:bottom-[-10px] after:left-[50%] after:transform after:translate-x-[-50%]
+            after:absolute after:bottom-[-9px] after:left-[50%] after:transform after:translate-x-[-50%]
           `,
         },
         rect.nodeComponent.domElement,

libs/web-flow-executor/src/nodes/expression.ts

@@ -378,7 +378,7 @@ export const getExpression: NodeTaskFactory<NodeInfo> = (
             after:border-l-[10px] after:border-l-transparent
             after:border-t-[10px] after:border-t-red-500
             after:border-r-[10px] after:border-r-transparent
-            after:absolute after:bottom-[-10px] after:left-[50%] after:transform after:translate-x-[-50%]
+            after:absolute after:bottom-[-9px] after:left-[50%] after:transform after:translate-x-[-50%]
           `,
         },
         rect.nodeComponent?.domElement,

libs/web-flow-executor/src/nodes/fetch.ts

@@ -464,7 +464,7 @@ export const getFetch: NodeTaskFactory<NodeInfo> = (
             after:border-l-[10px] after:border-l-transparent
             after:border-t-[10px] after:border-t-red-500
             after:border-r-[10px] after:border-r-transparent
-            after:absolute after:bottom-[-10px] after:left-[50%] after:transform after:translate-x-[-50%]
+            after:absolute after:bottom-[-9px] after:left-[50%] after:transform after:translate-x-[-50%]
           `,
           },
           rect.nodeComponent.domElement,

libs/web-flow-executor/src/nodes/node-utils/create-preview-tip.ts

@@ -17,7 +17,7 @@ export const createPreviewTip = <T extends BaseNodeInfo>(
             after:border-l-[10px] after:border-l-transparent
             after:border-t-[10px] after:border-t-white
             after:border-r-[10px] after:border-r-transparent
-            after:absolute after:bottom-[-10px] after:left-[50%] after:transform after:translate-x-[-50%]
+            after:absolute after:bottom-[-9px] after:left-[50%] after:transform after:translate-x-[-50%]
           `,
     },
     node?.domElement,