jyapayne/dify
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: Optimize component styles and interactions (#23250) (#23251)

Browse source
This commit is contained in:
HyaCinth 2025-08-01 14:18:38 +08:00 • committed by GitHub
commit f7016fd922
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 31 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

1
web/app/components/workflow/block-selector/tool/action-item.tsx
View file

@ -34,6 +34,7 @@ const ToolItem: FC<Props> = ({
<Tooltip <Tooltip
key={payload.name} key={payload.name}
position='right' position='right'
needsDelay={false}
popupClassName='!p-0 !px-3 !py-2.5 !w-[200px] !leading-[18px] !text-xs !text-gray-700 !border-[0.5px] !border-black/5 !rounded-xl !shadow-lg' popupClassName='!p-0 !px-3 !py-2.5 !w-[200px] !leading-[18px] !text-xs !text-gray-700 !border-[0.5px] !border-black/5 !rounded-xl !shadow-lg'
popupContent={( popupContent={(
<div> <div>

6
web/app/components/workflow/nodes/agent/components/tool-icon.tsx
View file

@ -61,10 +61,11 @@ export const ToolIcon = memo(({ providerName }: ToolIconProps) => {
> >
<div <div
className={classNames( className={classNames(
'relative flex size-5 items-center justify-center rounded-[6px] border-[0.5px] border-components-panel-border-subtle bg-background-default-dodge', 'relative',
)} )}
ref={containerRef} ref={containerRef}
> >
<div className="flex size-5 items-center justify-center overflow-hidden rounded-[6px] border-[0.5px] border-components-panel-border-subtle bg-background-default-dodge">
{(() => { {(() => {
if (iconFetchError || !icon) if (iconFetchError || !icon)
return <Group className="h-3 w-3 opacity-35" /> return <Group className="h-3 w-3 opacity-35" />
@ -91,7 +92,8 @@ export const ToolIcon = memo(({ providerName }: ToolIconProps) => {
} }
return <Group className="h-3 w-3 opacity-35" /> return <Group className="h-3 w-3 opacity-35" />
})()} })()}
{indicator && <Indicator color={indicator} className="absolute right-[-1px] top-[-1px]" />} </div>
{indicator && <Indicator color={indicator} className="absolute -right-[1px] -top-[1px]" />}
</div> </div>
</Tooltip> </Tooltip>
}) })