From 59a89549dcc19f9c0333cea560bf50577bda5351 Mon Sep 17 00:00:00 2001 From: jesus Date: Tue, 13 Oct 2026 01:06:48 +0000 Subject: [PATCH] revert: strengthen clickable table row hover tint Co-Authored-By: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com> --- .../src/components/shared/DataTable/DataTable.test.tsx | 4 ++-- .../src/components/shared/DataTable/DataTable.tsx | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/ui/litellm-dashboard/src/components/shared/DataTable/DataTable.test.tsx b/ui/litellm-dashboard/src/components/shared/DataTable/DataTable.test.tsx index fe51579efc8..962c9c62c92 100644 --- a/ui/litellm-dashboard/src/components/shared/DataTable/DataTable.test.tsx +++ b/ui/litellm-dashboard/src/components/shared/DataTable/DataTable.test.tsx @@ -779,9 +779,9 @@ describe("DataTable row activation", () => { ); const clickableRow = screen.getByRole("row", { name: "Open person Clickable" }); - expect(clickableRow).toHaveClass("hover:bg-info/25"); + expect(clickableRow).toHaveClass("hover:bg-info/20"); expect(clickableRow).not.toHaveClass("hover:bg-muted/50"); - expect(screen.getByRole("row", { name: "Static" })).not.toHaveClass("hover:bg-info/25"); + expect(screen.getByRole("row", { name: "Static" })).not.toHaveClass("hover:bg-info/20"); }); it("fires onRowClick exactly once from a plain cell but not from interactive elements", async () => { diff --git a/ui/litellm-dashboard/src/components/shared/DataTable/DataTable.tsx b/ui/litellm-dashboard/src/components/shared/DataTable/DataTable.tsx index b4a213af642..16a5a07c52b 100644 --- a/ui/litellm-dashboard/src/components/shared/DataTable/DataTable.tsx +++ b/ui/litellm-dashboard/src/components/shared/DataTable/DataTable.tsx @@ -322,7 +322,7 @@ function DataTableBodyRow({ aria-label={clickable ? getRowLabel?.(row.original) : undefined} className={cn( clickable - ? "cursor-pointer hover:bg-info/25 focus-visible:outline-2 focus-visible:outline-primary focus-visible:-outline-offset-2" + ? "cursor-pointer hover:bg-info/20 focus-visible:outline-2 focus-visible:outline-primary focus-visible:-outline-offset-2" : "", size === "compact" ? "h-8" : "", rowClassName?.(row),