From 8503b13cc448093be3cbf7b58d33c68a3d2d548f Mon Sep 17 00:00:00 2001
From: Matt Kirby <MattJKirby@outlook.com>
Date: Sun, 16 Apr 2023 23:16:24 +0100
Subject: [PATCH] New menu transition component
---
.../components/navigation/MenuTransition.tsx | 20 +++++++++++++++++++
1 file changed, 20 insertions(+)
create mode 100644 daily-thought-frontend/src/components/navigation/MenuTransition.tsx
diff --git a/daily-thought-frontend/src/components/navigation/MenuTransition.tsx b/daily-thought-frontend/src/components/navigation/MenuTransition.tsx
new file mode 100644
index 00000000..4e2b1aad
--- /dev/null
+++ b/daily-thought-frontend/src/components/navigation/MenuTransition.tsx
@@ -0,0 +1,20 @@
+import { Transition } from "@headlessui/react"
+import { FC, Fragment, PropsWithChildren } from "react"
+
+const MenuTransition:FC<PropsWithChildren> = ({children}) => {
+ return (
+ <Transition
+ as={Fragment}
+ enter="transition ease-out duration-100"
+ enterFrom="transform opacity-0 scale-95"
+ enterTo="transform opacity-100 scale-100"
+ leave="transition ease-in duration-75"
+ leaveFrom="transform opacity-100 scale-100"
+ leaveTo="transform opacity-0 scale-95"
+ >
+ {children}
+ </Transition>
+ )
+}
+
+export default MenuTransition
\ No newline at end of file
--
GitLab