Update WorkflowPipeline.tsx
This commit is contained in:
@@ -151,7 +151,12 @@ export default function WorkflowPipeline({
|
||||
{!isLast && showConnections && (
|
||||
<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`} />
|
||||
<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>
|
||||
)}
|
||||
|
||||
Reference in New Issue
Block a user