Fix tooltip styles

This commit is contained in:
Justin Edmund 2023-06-23 19:21:33 -07:00
parent a4aed734f7
commit ab98089f81
2 changed files with 2 additions and 6 deletions

View file

@ -1,4 +1,4 @@
.Tooltip {
.tooltip {
transform-origin: var(--radix-tooltip-content-transform-origin);
animation: scaleIn $duration-zoom ease-out;
background: var(--dialog-bg);

View file

@ -17,17 +17,13 @@ export default function Tooltip({
onOpenChange,
...props
}: PropsWithChildren<Props>) {
const classes = classNames(props.className, {
Tooltip: true,
})
return (
<TooltipPrimitive.Root open={open} onOpenChange={onOpenChange}>
<TooltipPrimitive.Trigger asChild>{children}</TooltipPrimitive.Trigger>
<TooltipPrimitive.Content
side="top"
align="center"
className={classes}
className={styles.tooltip}
sideOffset={4}
{...props}
>