diff --git a/src/renderer/extensions/vueNodes/components/LGraphNode.vue b/src/renderer/extensions/vueNodes/components/LGraphNode.vue index aa5f41cf3..783b6a25f 100644 --- a/src/renderer/extensions/vueNodes/components/LGraphNode.vue +++ b/src/renderer/extensions/vueNodes/components/LGraphNode.vue @@ -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' ) }) diff --git a/tests-ui/tests/renderer/extensions/vueNodes/components/LGraphNode.test.ts b/tests-ui/tests/renderer/extensions/vueNodes/components/LGraphNode.test.ts index 0d598b15d..b8dec3201 100644 --- a/tests-ui/tests/renderer/extensions/vueNodes/components/LGraphNode.test.ts +++ b/tests-ui/tests/renderer/extensions/vueNodes/components/LGraphNode.test.ts @@ -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') }) })