github/infisical
1
1
Fork 0
mirror of https://github.com/Infisical/infisical.git synced 2026-05-02 03:02:03 -04:00
Code Issues Packages Projects Releases Wiki Activity

Feat: Add center property to tooltip

Browse Source
This commit is contained in:
Daniel Hougaard
2024-03-20 20:23:21 +01:00
parent 08b79d65ea
commit c9cb90c98e
1 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/components/v2/Tooltip/Tooltip.tsx
View File

@@ -12,6 +12,7 @@ export type TooltipProps = Omit<TooltipPrimitive.TooltipContentProps, "open" | "
defaultOpen?: boolean;
position?: "top" | "bottom" | "left" | "right";
isDisabled?: boolean;
center?: boolean;
};
export const Tooltip = ({
@@ -21,6 +22,7 @@ export const Tooltip = ({
onOpenChange,
defaultOpen,
className,
center,
asChild = true,
isDisabled,
position = "top",
@@ -40,12 +42,13 @@ export const Tooltip = ({
{...props}
className={twMerge(
`z-50 max-w-[15rem] select-none rounded-md border border-mineshaft-600 bg-mineshaft-800 py-2 px-4 text-sm font-light text-bunker-200 shadow-md
data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade
data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade
data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade
data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade
`,
data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade
data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade
data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade
data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade
`,
isDisabled && "!hidden",
center && "text-center",
className
)}
>