chore(docs): cleanup styles

docs/examples/layout/AnimationEdge.vue

@@ -70,7 +70,7 @@ const edgeColor = toRef(() => {
   }
 
   if (targetNodeData.value.isFinished) {
-    return '#10b981'
+    return '#42B983'
   }
 
   if (targetNodeData.value.isCancelled || targetNodeData.value.isSkipped) {
@@ -195,6 +195,7 @@ export default {
 <style>
 .animated-edge-label {
   position: absolute;
+  z-index: 100;
 }
 
 .truck {

docs/examples/layout/ProcessNode.vue

@@ -29,7 +29,7 @@ const isReceiver = toRef(() => targetConnections.value.length <= 0)
 
 const bgColor = toRef(() => {
   if (isSender.value) {
-    return '#4b5563'
+    return '#2563eb'
   }
 
   if (props.data.hasError) {
@@ -37,7 +37,7 @@ const bgColor = toRef(() => {
   }
 
   if (props.data.isFinished) {
-    return '#10b981'
+    return '#42B983'
   }
 
   if (props.data.isCancelled) {
@@ -73,8 +73,10 @@ const processLabel = toRef(() => {
 </script>
 
 <template>
-  <div class="process-node" :style="{ backgroundColor: bgColor }">
+  <div class="process-node" :style="{ backgroundColor: bgColor, boxShadow: data.isRunning ? '0 0 10px rgba(0, 0, 0, 0.5)' : '' }">
-    <Handle v-if="!isSender" type="target" :position="targetPosition" />
+    <Handle v-if="!isSender" type="target" :position="targetPosition">
+      <span v-if="!data.isRunning && !data.isFinished && !data.isCancelled && !data.isSkipped && !data.hasError">📥 </span>
+    </Handle>
     <Handle v-if="!isReceiver" type="source" :position="sourcePosition" />
 
     <div v-if="!isSender && data.isRunning" class="spinner" />
@@ -87,7 +89,6 @@ const processLabel = toRef(() => {
 <style scoped>
 .process-node {
   padding: 10px;
-  color: white;
   border-radius: 99px;
   width: 24px;
   height: 24px;