opensource
/
dify
mirror of https://github.com/langgenius/dify.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: style

This commit is contained in:
StyleZhang 2024-03-21 17:48:44 +08:00
parent a1ec45fdd1
commit 8e9ade14df
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
web/app/components/workflow/custom-edge.tsx
View File

@ -83,7 +83,7 @@ const CustomEdge = ({
<EdgeLabelRenderer>
<div
className={`
nopan nodrag
nopan nodrag hover:scale-150 transition-all
${data?._hovering ? 'block' : 'hidden'}
${open && '!block'}
`}
@ -99,6 +99,7 @@ const CustomEdge = ({
asChild
onSelect={handleInsert}
availableBlocksTypes={intersection(availablePrevNodes, availableNextNodes)}
triggerClassName={() => 'hover:scale-150 transition-all'}
/>
</div>
</EdgeLabelRenderer>

5
web/app/components/workflow/nodes/_base/components/node-handle.tsx
View File

@ -69,6 +69,7 @@ export const NodeTargetHandle = memo(({
className={`
!w-4 !h-4 !bg-transparent !rounded-none !outline-none !border-none z-[1]
after:absolute after:w-0.5 after:h-2 after:left-1.5 after:top-1 after:bg-primary-500
hover:scale-150 transition-all
${!connected && 'after:opacity-0'}
${data.type === BlockEnum.Start && 'opacity-0'}
${handleClassName}
@ -88,6 +89,7 @@ export const NodeTargetHandle = memo(({
hidden absolute left-0 top-0 pointer-events-none
${nodeSelectorClassName}
group-hover:flex
group-hover:scale-150
${open && '!flex'}
`}
availableBlocksTypes={availablePrevNodes}
@ -149,6 +151,7 @@ export const NodeSourceHandle = memo(({
className={`
!w-4 !h-4 !bg-transparent !rounded-none !outline-none !border-none z-[1]
after:absolute after:w-0.5 after:h-2 after:right-1.5 after:top-1 after:bg-primary-500
hover:scale-150 transition-all
${!connected && 'after:opacity-0'}
${handleClassName}
`}
@ -163,7 +166,7 @@ export const NodeSourceHandle = memo(({
onSelect={handleSelect}
asChild
triggerClassName={open => `
hidden absolute top-0 left-0 pointer-events-none
hidden absolute top-0 left-0 pointer-events-none
${nodeSelectorClassName}
group-hover:flex
${open && '!flex'}