engineering/tpmjs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 2.3k

fix(ui): resolve table dark mode styling issues

Browse source 
- Update Table component to use bg-surface instead of hardcoded bg-white
- Fix TableRow hover and selected states to use design system tokens
- Update virtualized tables in agents, collections, and tool-search pages
This commit is contained in:
Ajax Davis 2026-01-18 01:51:41 +10:00
parent 257aa55282
commit c677110bfe
4 changed files with 6 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

2
apps/web/src/app/agents/page.tsx
View file

@ -224,7 +224,7 @@ export default function PublicAgentsPage(): React.ReactElement {
TableRow: (props) => (
<tr
{...props}
className="border-b border-border bg-white dark:bg-zinc-900 hover:bg-surface transition-all duration-150 group"
className="border-b border-border bg-surface hover:bg-surface-secondary transition-all duration-150 group"
/>
),
}}

2
apps/web/src/app/collections/page.tsx
View file

@ -269,7 +269,7 @@ export default function PublicCollectionsPage(): React.ReactElement {
TableRow: (props) => (
<tr
{...props}
className="border-b border-border bg-white dark:bg-zinc-900 hover:bg-surface transition-all duration-150 group"
className="border-b border-border bg-surface hover:bg-surface-secondary transition-all duration-150 group"
/>
),
}}

2
apps/web/src/app/tool/tool-search/page.tsx
View file

@ -315,7 +315,7 @@ export default function ToolSearchPage(): React.ReactElement {
TableRow: (props) => (
<tr
{...props}
className="border-b border-border bg-white dark:bg-zinc-900 hover:bg-surface transition-all duration-150 group"
className="border-b border-border bg-surface hover:bg-surface-secondary transition-all duration-150 group"
/>
),
}}