AI/dify
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/langgenius/dify.git synced 2025-08-18 01:55:53 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: handle var full path panel popup in wrong position and style

Browse Source
This commit is contained in:
Joel 2025-03-24 14:56:58 +08:00
parent 852ff7e9ab
commit 55332cb23e
3 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/app/components/base/prompt-editor/plugins/workflow-variable-block/component.tsx
View File

@ -86,7 +86,7 @@ const WorkflowVariableBlockComponent = ({
const Item = ( const Item = (
<div <div
className={cn( className={cn(
'mx-0.5 relative group/wrap flex items-center h-[18px] pl-0.5 pr-[3px] rounded-[5px] border select-none hover:border-state-accent-solid hover:bg-state-accent-hover', 'group/wrap relative mx-0.5 flex h-[18px] select-none items-center rounded-[5px] border pl-0.5 pr-[3px] hover:border-state-accent-solid hover:bg-state-accent-hover',
isSelected ? ' border-state-accent-solid bg-state-accent-hover' : ' border-components-panel-border-subtle bg-components-badge-white-to-dark', isSelected ? ' border-state-accent-solid bg-state-accent-hover' : ' border-components-panel-border-subtle bg-components-badge-white-to-dark',
!node && !isEnv && !isChatVar && '!border-state-destructive-solid !bg-state-destructive-hover', !node && !isEnv && !isChatVar && '!border-state-destructive-solid !bg-state-destructive-hover',
)} )}
@ -111,7 +111,7 @@ const WorkflowVariableBlockComponent = ({
)} )}
{isShowAPart && ( {isShowAPart && (
<div className='flex items-center'> <div className='flex items-center'>
<RiMoreLine className='w-3 h-3 text-text-secondary' /> <RiMoreLine className='h-3 w-3 text-text-secondary' />
<Line3 className='mr-0.5 text-divider-deep'></Line3> <Line3 className='mr-0.5 text-divider-deep'></Line3>
</div> </div>
)} )}
@ -158,7 +158,7 @@ const WorkflowVariableBlockComponent = ({
/>} />}
disabled={!isShowAPart} disabled={!isShowAPart}
> >
{Item} <div>{Item}</div>
</Tooltip> </Tooltip>
) )
} }

8
web/app/components/workflow/nodes/_base/components/variable/var-full-path-panel.tsx
View File

@ -42,13 +42,13 @@ const VarFullPathPanel: FC<Props> = ({
} }
})() })()
return ( return (
<div className='w-[280px] pb-0 rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg backdrop-blur-[5px]'> <div className='w-[280px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur pb-0 shadow-lg backdrop-blur-[5px]'>
<div className='flex p-3 pb-2 border-b-[0.5px] border-divider-subtle space-x-1 '> <div className='flex space-x-1 border-b-[0.5px] border-divider-subtle p-3 pb-2 '>
<BlockIcon size='xs' type={nodeType} /> <BlockIcon size='xs' type={nodeType} />
<div className='w-0 grow system-xs-medium text-text-secondary truncate'>{nodeName}</div> <div className='system-xs-medium w-0 grow truncate text-text-secondary'>{nodeName}</div>
</div> </div>
<Panel <Panel
className='pt-2 pb-3 px-1' className='px-1 pb-3 pt-2'
root={{ attrName: path[0] }} root={{ attrName: path[0] }}
payload={schema} payload={schema}
readonly readonly

4
web/app/components/workflow/nodes/_base/components/variable/var-reference-picker.tsx
View File

@ -348,7 +348,7 @@ const VarReferencePicker: FC<Props> = ({
className='h-full grow' className='h-full grow'
> >
<div ref={isSupportConstantValue ? triggerRef : null} className={cn('h-full', isSupportConstantValue && 'flex items-center rounded-lg bg-gray-100 py-1 pl-1')}> <div ref={isSupportConstantValue ? triggerRef : null} className={cn('h-full', isSupportConstantValue && 'flex items-center rounded-lg bg-gray-100 py-1 pl-1')}>
<Tooltip popupContent={tooltipPopup}> <Tooltip noDecoration={isShowAPart} popupContent={tooltipPopup}>
<div className={cn('h-full items-center rounded-[5px] px-1.5', hasValue ? 'inline-flex bg-white' : 'flex')}> <div className={cn('h-full items-center rounded-[5px] px-1.5', hasValue ? 'inline-flex bg-white' : 'flex')}>
{hasValue {hasValue
? ( ? (
@ -369,7 +369,7 @@ const VarReferencePicker: FC<Props> = ({
)} )}
{isShowAPart && ( {isShowAPart && (
<div className='flex items-center'> <div className='flex items-center'>
<RiMoreLine className='w-3 h-3 text-text-secondary' /> <RiMoreLine className='h-3 w-3 text-text-secondary' />
<Line3 className='mr-0.5 text-divider-deep'></Line3> <Line3 className='mr-0.5 text-divider-deep'></Line3>
</div> </div>
)} )}