fix: always show node border color, widen to 2px on selection

This commit is contained in:
Pouzor
2026-03-07 14:37:46 +01:00
parent 37c963cf96
commit 7dd500feee
2 changed files with 3 additions and 2 deletions
@@ -24,7 +24,8 @@ export function BaseNode({ data, selected, icon: Icon }: BaseNodeProps) {
className="relative flex flex-row items-center gap-2.5 px-2.5 py-2 rounded-lg border transition-all duration-200"
style={{
background: colors.background,
borderColor: selected ? colors.border : '#30363d',
borderColor: colors.border,
borderWidth: selected ? 2 : 1,
boxShadow: isOnline
? `0 0 10px ${colors.border}2e, 0 0 3px ${colors.border}1a`
: selected
@@ -38,7 +38,7 @@ export function ProxmoxGroupNode(props: NodeProps<Node<NodeData>>) {
<div
className="w-full h-full rounded-xl border-2 flex flex-col overflow-hidden"
style={{
borderColor: selected ? glow : isOnline ? `${glow}66` : '#30363d',
borderColor: selected ? glow : `${glow}88`,
background: isOnline ? `${colors.background}cc` : `${colors.background}aa`,
boxShadow: isOnline
? `0 0 20px ${glow}1a, inset 0 0 40px ${glow}08`