fix: link popover transition

Signed-off-by: Innei <i@innei.in>
Innei · Jan 4, 2025 · 77cb460 · 77cb460
1 parent 80b4460
commit 77cb460
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/components/ui/float-popover/FloatPopover.tsx b/src/components/ui/float-popover/FloatPopover.tsx
@@ -133,6 +133,7 @@ const RealFloatPopover = function FloatPopover<T extends {}>(
       offset(offsetValue ?? 10),
       shift(),
     ],
+
     strategy: floatingProps.strategy,
     placement: floatingProps.placement ?? 'bottom-start',
     whileElementsMounted: floatingProps.whileElementsMounted,
@@ -288,7 +289,11 @@ const RealFloatPopover = function FloatPopover<T extends {}>(
                 ref={refs.setFloating}
                 initial={{ translateY: '10px', opacity: 0 }}
                 animate={{ translateY: '0px', opacity: 1 }}
-                exit={{ translateY: '10px', opacity: 0 }}
+                exit={{
+                  translateY: '10px',
+                  opacity: 0,
+                  transition: { type: 'tween', duration: 0.2 },
+                }}
                 transition={microReboundPreset}
                 style={{
                   position: strategy,

diff --git a/src/components/ui/link/MLink.tsx b/src/components/ui/link/MLink.tsx
@@ -87,6 +87,7 @@ export const MLink: FC<{
       as="span"
       wrapperClassName="!inline"
       type="tooltip"
+      offset={0}
       triggerElement={el}
     >
       <a href={href} target="_blank" rel="noreferrer">