url/homelable
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/canvas/nodes/BaseNode.tsx
+2 -1
View File
@@ -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" className="relative flex flex-row items-center gap-2.5 px-2.5 py-2 rounded-lg border transition-all duration-200"
style={{ style={{
background: colors.background, background: colors.background,
borderColor: selected ? colors.border : '#30363d', borderColor: colors.border,
borderWidth: selected ? 2 : 1,
boxShadow: isOnline boxShadow: isOnline
? `0 0 10px ${colors.border}2e, 0 0 3px ${colors.border}1a` ? `0 0 10px ${colors.border}2e, 0 0 3px ${colors.border}1a`
: selected : selected
frontend/src/components/canvas/nodes/ProxmoxGroupNode.tsx
+1 -1
View File
@@ -38,7 +38,7 @@ export function ProxmoxGroupNode(props: NodeProps<Node<NodeData>>) {
<div <div
className="w-full h-full rounded-xl border-2 flex flex-col overflow-hidden" className="w-full h-full rounded-xl border-2 flex flex-col overflow-hidden"
style={{ style={{
borderColor: selected ? glow : isOnline ? `${glow}66` : '#30363d', borderColor: selected ? glow : `${glow}88`,
background: isOnline ? `${colors.background}cc` : `${colors.background}aa`, background: isOnline ? `${colors.background}cc` : `${colors.background}aa`,
boxShadow: isOnline boxShadow: isOnline
? `0 0 20px ${glow}1a, inset 0 0 40px ${glow}08` ? `0 0 20px ${glow}1a, inset 0 0 40px ${glow}08`