Style: Thicker node status indicator (#7409)

## Summary

The outline is already thicker and this means we can use it as an
indicator without squishing the node internals.

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-7409-Style-Thicker-node-status-indicator-2c76d73d36508132a5defd3a8514013d)
by [Unito](https://www.unito.io)
This commit is contained in:
Alexander Brown
2025-12-12 12:16:10 -08:00
committed by GitHub
parent 6b1bd4be16
commit 7d326cbc14
2 changed files with 5 additions and 7 deletions

View File

@@ -378,16 +378,14 @@ const { latestPreviewUrl, shouldShowPreviewImg } = useNodePreviewState(
const borderClass = computed(() => {
if (hasAnyError.value) return 'border-node-stroke-error'
if (executing.value) return 'border-node-stroke-executing'
return 'border-node-stroke'
return ''
})
const outlineClass = computed(() => {
return cn(
isSelected.value &&
((hasAnyError.value && 'outline-error ') ||
(executing.value && 'outline-node-executing') ||
'outline-node-component-outline')
isSelected.value && 'outline-node-component-outline',
hasAnyError.value && 'outline-node-stroke-error',
executing.value && 'outline-node-stroke-executing'
)
})

View File

@@ -199,6 +199,6 @@ describe('LGraphNode', () => {
const wrapper = mountLGraphNode({ nodeData: mockNodeData })
expect(wrapper.classes()).toContain('border-node-stroke-executing')
expect(wrapper.classes()).toContain('outline-node-stroke-executing')
})
})