salman/igny8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update WorkflowPipeline.tsx

Browse Source
This commit is contained in:
Desktop
2025-11-12 22:26:16 +05:00
parent 883e4642dc
commit d254ac3b94
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/components/dashboard/WorkflowPipeline.tsx
View File

@@ -151,7 +151,12 @@ export default function WorkflowPipeline({
{!isLast && showConnections && ( {!isLast && showConnections && (
<div className="flex items-center flex-1 min-w-[60px] max-w-[120px] mx-1"> <div className="flex items-center flex-1 min-w-[60px] max-w-[120px] mx-1">
<div className={`h-0.5 flex-1 ${getConnectionColor(step.status, nextStep?.status)} transition-colors duration-300`} /> <div className={`h-0.5 flex-1 ${getConnectionColor(step.status, nextStep?.status)} transition-colors duration-300`} />
<ArrowRightIcon className={`size-4 mx-1 flex-shrink-0 ${step.status === "completed" ? "text-success-500" : "text-gray-400"} transition-colors duration-300`} /> {/* Simple arrow using CSS */}
<div
className={`flex-shrink-0 mx-1 w-0 h-0 border-t-[6px] border-t-transparent border-b-[6px] border-b-transparent border-l-[8px] transition-colors duration-300 ${
step.status === "completed" ? "border-l-success-500" : "border-l-gray-400"
}`}
/>
<div className={`h-0.5 flex-1 ${getConnectionColor(step.status, nextStep?.status)} transition-colors duration-300`} /> <div className={`h-0.5 flex-1 ${getConnectionColor(step.status, nextStep?.status)} transition-colors duration-300`} />
</div> </div>
)} )}