granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix tooltip styles

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
components/common/Tooltip/index.module.scss
View file

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

6
components/common/Tooltip/index.tsx
View file

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