awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-10-06 16:27:46 +00: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
frontend/src/components/v2/Tooltip/Tooltip.tsx
+8 -5
View File
@@ -12,6 +12,7 @@ export type TooltipProps = Omit<TooltipPrimitive.TooltipContentProps, "open" | "
defaultOpen?: boolean; defaultOpen?: boolean;
position?: "top" | "bottom" | "left" | "right"; position?: "top" | "bottom" | "left" | "right";
isDisabled?: boolean; isDisabled?: boolean;
center?: boolean;
}; };
export const Tooltip = ({ export const Tooltip = ({
@@ -21,6 +22,7 @@ export const Tooltip = ({
onOpenChange, onOpenChange,
defaultOpen, defaultOpen,
className, className,
center,
asChild = true, asChild = true,
isDisabled, isDisabled,
position = "top", position = "top",
@@ -40,12 +42,13 @@ export const Tooltip = ({
{...props} {...props}
className={twMerge( 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 `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=top]:animate-slideDownAndFade
data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade
data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade
data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade
`, `,
isDisabled && "!hidden", isDisabled && "!hidden",
center && "text-center",
className className
)} )}
> >