fix(ui): give the blocking budget row a distinct hover colour

This commit is contained in:
ryan-crabbe-berri 2026-08-20 11:39:15 -07:00
parent 41e9492374
commit 89e83510ae

View file

@ -27,7 +27,7 @@ function BudgetRows({ budgets, isLoading }: { budgets: readonly KeyBudgetEntry[]
noDataMessage="No budgets apply to this key."
// Every row is two lines tall whatever it carries, so the table reads as a grid rather than
// taking its height from whichever caveat happened to be longest.
rowClassName={(row) => cn("h-14", isBlockingRow(row.original) ? "bg-red-50 hover:bg-red-50" : "")}
rowClassName={(row) => cn("h-14", isBlockingRow(row.original) ? "bg-red-50 hover:bg-red-100" : "")}
size="compact"
/>
</>