fix: add consistent blue left border for selected nodes

- All selected nodes now show blue left border (border-l-blue-500)
- Unselected nodes have transparent border to prevent layout shift
- Consistent color across all nodes when selected
This commit is contained in:
Pulse Monitor
2025-08-29 14:16:33 +00:00
parent 0db8a3ce1a
commit c806ffe06d
@@ -174,7 +174,9 @@ export const NodeSummaryTable: Component<NodeSummaryTableProps> = (props) => {
return (
<tr
class={`hover:bg-gray-50 dark:hover:bg-gray-700/50 cursor-pointer transition-colors ${
isSelected() ? 'bg-blue-50 dark:bg-blue-900/20' : ''
isSelected()
? 'bg-blue-50 dark:bg-blue-900/20 border-l-4 border-l-blue-500'
: 'border-l-4 border-l-transparent'
}`}
onClick={() => props.onNodeClick(nodeId, item.type)}
>