From 4783d142f33699ef5c07e0241c2be6abac13b3dd Mon Sep 17 00:00:00 2001 From: Emir Karabeg Date: Fri, 7 Feb 2025 12:49:15 -0800 Subject: [PATCH] Made ports slightly more obvious --- .../[id]/components/workflow-block/workflow-block.tsx | 10 ++++------ 1 file changed, 4 insertions(+), 6 deletions(-) diff --git a/app/w/[id]/components/workflow-block/workflow-block.tsx b/app/w/[id]/components/workflow-block/workflow-block.tsx index 9253c0872b..81728a5e92 100644 --- a/app/w/[id]/components/workflow-block/workflow-block.tsx +++ b/app/w/[id]/components/workflow-block/workflow-block.tsx @@ -160,9 +160,8 @@ export function WorkflowBlock({ id, type, config, name, selected }: WorkflowBloc className={cn( '!w-3.5 !h-3.5', '!bg-white !rounded-full !border !border-gray-200', - '!opacity-0 group-hover:!opacity-100', - '!transition-opacity !duration-200 !cursor-crosshair', - 'hover:!border-blue-500', + 'group-hover:!border-blue-500', + '!transition-border !duration-150 !cursor-crosshair', horizontalHandles ? '!left-[-7px]' : '!top-[-7px]' )} /> @@ -226,9 +225,8 @@ export function WorkflowBlock({ id, type, config, name, selected }: WorkflowBloc className={cn( '!w-3.5 !h-3.5', '!bg-white !rounded-full !border !border-gray-200', - '!opacity-0 group-hover:!opacity-100', - '!transition-opacity !duration-200 !cursor-crosshair', - 'hover:!border-blue-500', + 'group-hover:!border-blue-500', + '!transition-border !duration-150 !cursor-crosshair', horizontalHandles ? '!right-[-7px]' : '!bottom-[-7px]' )} />