diff --git a/app/components/Table.module.css b/app/components/Table.module.css index 323822fd1..dedb97e4f 100644 --- a/app/components/Table.module.css +++ b/app/components/Table.module.css @@ -17,7 +17,7 @@ font-size: var(--font-2xs); } - & tbody tr:hover { + &:not(.noRowHover) tbody tr:hover { background-color: var(--color-bg-high); } diff --git a/app/components/Table.tsx b/app/components/Table.tsx index 11b174d68..8a6e937c1 100644 --- a/app/components/Table.tsx +++ b/app/components/Table.tsx @@ -1,9 +1,20 @@ +import clsx from "clsx"; import styles from "./Table.module.css"; -export function Table({ children }: { children: React.ReactNode }) { +export function Table({ + children, + noRowHover, +}: { + children: React.ReactNode; + noRowHover?: boolean; +}) { return (
- {children}
+ + {children} +
); } diff --git a/app/features/tournament/routes/to.$id.results.tsx b/app/features/tournament/routes/to.$id.results.tsx index fc12a2e07..9160ff019 100644 --- a/app/features/tournament/routes/to.$id.results.tsx +++ b/app/features/tournament/routes/to.$id.results.tsx @@ -102,7 +102,7 @@ function ResultsTable({ standings }: { standings: Standing[] }) { let rowDarkerBg = false; return ( - +
@@ -151,7 +151,7 @@ function ResultsTable({ standings }: { standings: Standing[] }) { return (
Standing
{typeof placement === "number" ? ( diff --git a/app/features/tournament/tournament.module.css b/app/features/tournament/tournament.module.css index a45bc2bad..aca005337 100644 --- a/app/features/tournament/tournament.module.css +++ b/app/features/tournament/tournament.module.css @@ -504,6 +504,10 @@ border-color: var(--color-error); } +.standingsRowAlt > td { + background-color: var(--color-bg-high); +} + .standingsTeamName { min-width: 125px; display: flex;