chore: fix table header bg in connections

2024-11-15 19:22:26 +08:00 · 2024-06-20 02:01:51 +08:00 · 2024-06-20 02:01:51 +08:00 · bb9a93e462
commit bb9a93e462
parent e55fbf675e
1 changed files with 7 additions and 1 deletions
--- a/src/components/connection/connection-table.tsx
+++ b/src/components/connection/connection-table.tsx
@ -109,7 +109,13 @@ export const ConnectionTable = (props: Props) => {
      columns={columns}
      onRowClick={(e) => onShowDetail(e.row.connectionData)}
      density="compact"
-      sx={{ border: "none", "div:focus": { outline: "none !important" } }}
+      sx={{
+        border: "none",
+        "div:focus": { outline: "none !important" },
+        "& div[aria-rowindex='1']": {
+          backgroundColor: "inherit !important",
+        },
+      }}
      columnVisibilityModel={columnVisible}
      onColumnVisibilityModelChange={(e) => setColumnVisible(e)}
    />