Fix tooltip styles
This commit is contained in:
parent
a4aed734f7
commit
ab98089f81
2 changed files with 2 additions and 6 deletions
|
|
@ -1,4 +1,4 @@
|
|||
.Tooltip {
|
||||
.tooltip {
|
||||
transform-origin: var(--radix-tooltip-content-transform-origin);
|
||||
animation: scaleIn $duration-zoom ease-out;
|
||||
background: var(--dialog-bg);
|
||||
|
|
|
|||
|
|
@ -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}
|
||||
>
|
||||
|
|
|
|||
Loading…
Reference in a new issue