fix: remove duplicated px-3 class and improve readability (#29)
Clean up the sticky category cell className: remove the duplicated px-3 for top-level parents and break the long ternary into readable multi-line format. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
parent
81bbc1b11c
commit
4742f6444f
1 changed files with 7 additions and 1 deletions
|
|
@ -224,7 +224,13 @@ export default function BudgetVsActualTable({ data }: BudgetVsActualTableProps)
|
||||||
isIntermediateParent ? "bg-[color-mix(in_srgb,var(--muted)_15%,var(--card))] font-medium" : ""
|
isIntermediateParent ? "bg-[color-mix(in_srgb,var(--muted)_15%,var(--card))] font-medium" : ""
|
||||||
}`}
|
}`}
|
||||||
>
|
>
|
||||||
<td className={`py-1.5 sticky left-0 z-10 ${isParent && !isIntermediateParent ? "px-3 bg-[color-mix(in_srgb,var(--muted)_30%,var(--card))]" : isIntermediateParent ? "bg-[color-mix(in_srgb,var(--muted)_15%,var(--card))]" : "bg-[var(--card)]"} ${isParent && !isIntermediateParent ? "px-3" : paddingClass}`}>
|
<td className={`py-1.5 sticky left-0 z-10 ${
|
||||||
|
isParent && !isIntermediateParent
|
||||||
|
? "px-3 bg-[color-mix(in_srgb,var(--muted)_30%,var(--card))]"
|
||||||
|
: isIntermediateParent
|
||||||
|
? `${paddingClass} bg-[color-mix(in_srgb,var(--muted)_15%,var(--card))]`
|
||||||
|
: `${paddingClass} bg-[var(--card)]`
|
||||||
|
}`}>
|
||||||
<span className="flex items-center gap-2">
|
<span className="flex items-center gap-2">
|
||||||
<span
|
<span
|
||||||
className="w-2.5 h-2.5 rounded-full shrink-0"
|
className="w-2.5 h-2.5 rounded-full shrink-0"
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue