Add animation to sidebar transition

2024-04-25 20:12:48 -04:00
parent af8f4f0b5c
commit f0f6b729d4
1 changed files with 3 additions and 0 deletions
--- a/app/components/Sidebar/Right.tsx
+++ b/app/components/Sidebar/Right.tsx
@@ -76,6 +76,7 @@ function Right({ children, border, className }: Props) {
  const animationProps = {
    initial: {
      width: 0,
+      opacity: 0.9,
    },
    animate: {
      transition: isResizing
@@ -86,9 +87,11 @@ function Right({ children, border, className }: Props) {
            duration: sidebarAppearDuration / 1000,
          },
      width: ui.sidebarRightWidth,
+      opacity: 1,
    },
    exit: {
      width: 0,
+      opacity: 0,
    },
  };