From fa8e862294c0a54201114ded940e8eae5647e7d7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Morten=20N=2EO=2E=20N=C3=B8rgaard=20Henriksen?= <1136718+raix@users.noreply.github.com> Date: Fri, 19 Jul 2024 14:23:37 +0200 Subject: [PATCH] Add calm animation to Popover --- ui/components/Popover.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/ui/components/Popover.tsx b/ui/components/Popover.tsx index ecbbfd3..cae4a55 100644 --- a/ui/components/Popover.tsx +++ b/ui/components/Popover.tsx @@ -19,13 +19,13 @@ export interface PopoverProps extends Omit { } const styles = tv({ - base: "bg-popover backdrop-blur-2xl forced-colors:bg-[Canvas] shadow-lg rounded-lg border text-popover-foreground", + base: "bg-popover backdrop-blur-2xl forced-colors:bg-[Canvas] shadow-lg rounded-lg border text-popover-foreground transition-opacity", variants: { isEntering: { - true: "animate-in fade-in-0 zoom-in-95 placement-bottom:slide-in-from-top-2 placement-top:slide-in-from-bottom-2 placement-left:slide-in-from-right-2 placement-right:slide-in-from-left-2 ease-out duration-200" + true: "animate-in fade-in-0 ease-out duration-200" }, isExiting: { - true: "animate-out fade-out-0 zoom-out-95 placement-bottom:slide-out-to-top-2 placement-top:slide-out-to-bottom-2 placement-left:slide-out-to-right-2 placement-right:slide-out-to-left-2 ease-in duration-150" + true: "animate-out fade-out-0 ease-in duration-150" } } });