Skip to content

Commit 68c6ca4

Browse files
committed
Revert to native Tailwind utilities for tooltip styling
Changed from arbitrary values back to standard utilities: - bg-[var(--color-popover)] → bg-popover - text-[var(--color-popover-foreground)] → text-popover-foreground - fill-[var(--color-popover)] → fill-popover - Added explicit border-border for border color These work with Tailwind v4's @theme directive where --color-* variables automatically become available as utilities.
1 parent b17cade commit 68c6ca4

File tree

1 file changed

+2
-3
lines changed

1 file changed

+2
-3
lines changed

src/components/ui/tooltip.tsx

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -17,14 +17,13 @@ const TooltipContent = React.forwardRef<
1717
ref={ref}
1818
sideOffset={sideOffset}
1919
className={cn(
20-
"z-50 overflow-hidden rounded-md border bg-[var(--color-popover)] px-2.5 py-1 text-xs text-[var(--color-popover-foreground)] shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]",
20+
"z-50 overflow-hidden rounded-md border border-border bg-popover px-2.5 py-1 text-xs text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]",
2121
className
2222
)}
23-
style={{ borderColor: "var(--color-border)" }}
2423
{...props}
2524
>
2625
{props.children}
27-
<TooltipPrimitive.Arrow className="fill-[var(--color-popover)]" />
26+
<TooltipPrimitive.Arrow className="fill-popover" />
2827
</TooltipPrimitive.Content>
2928
));
3029
TooltipContent.displayName = TooltipPrimitive.Content.displayName;

0 commit comments

Comments
 (0)