gnong/dify-mirror
1
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-02-09 15:10:13 -05:00
Code Issues Packages Projects Releases Wiki Activity

chore: item hover padding

Browse Source
This commit is contained in:
Joel
2026-02-09 11:30:14 +08:00
parent 9fba10036e
commit 0868f941f6
1 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
web/app/components/workflow/skill/editor/skill-editor/plugins/file-picker-panel.tsx
View File

@@ -52,7 +52,7 @@ const FilePickerTreeNode = ({ node, style, dragHandle, onSelectNode }: FilePicke
aria-selected={isSelected}
aria-expanded={isFolder ? node.isOpen : undefined}
className={cn(
'group relative flex h-6 cursor-pointer items-center gap-px overflow-hidden rounded-md',
'group relative flex h-6 cursor-pointer items-center gap-0 overflow-hidden rounded-md',
'hover:bg-state-base-hover',
'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-components-input-border-active',
isSelected && 'bg-state-base-active',
@@ -82,6 +82,12 @@ const FilePickerTreeNode = ({ node, style, dragHandle, onSelectNode }: FilePicke
{node.data.name}
</span>
</div>
{isFolder && (
<span
aria-hidden="true"
className="h-full w-px shrink-0 bg-transparent group-hover:bg-components-panel-bg"
/>
)}
{isFolder && (
<button
type="button"
@@ -89,8 +95,10 @@ const FilePickerTreeNode = ({ node, style, dragHandle, onSelectNode }: FilePicke
onClick={handleToggle}
aria-label={t('skillSidebar.toggleFolder')}
className={cn(
'flex size-6 shrink-0 items-center justify-center rounded-md',
'text-text-tertiary hover:bg-state-base-hover-alt',
'flex size-6 shrink-0 items-center justify-center rounded-r-md',
'bg-transparent text-text-tertiary',
'group-hover:bg-state-base-hover-subtle',
'hover:bg-state-base-hover-subtle',
'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-components-input-border-active',
)}
>