fix: tooltip indicator dot not showing slice color

bg-[--color-bg] doesn't resolve in Tailwind v4 — needs var() wrapper.
Changed to bg-[var(--color-bg)] and border-[var(--color-border)].
This commit is contained in:
Usman Baig
2026-03-12 18:25:15 +01:00
parent bf7fe87120
commit 13f6f53868

View File

@@ -174,7 +174,7 @@ const ChartTooltipContent = React.forwardRef<
!hideIndicator && ( !hideIndicator && (
<div <div
className={cn( className={cn(
'shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]', 'shrink-0 rounded-[2px] border-[var(--color-border)] bg-[var(--color-bg)]',
indicator === 'dot' && 'h-2.5 w-2.5 rounded-full', indicator === 'dot' && 'h-2.5 w-2.5 rounded-full',
indicator === 'line' && 'w-1', indicator === 'line' && 'w-1',
indicator === 'dashed' && indicator === 'dashed' &&