From 00aa9fe10f9aacf4633f58e311e1b9e78461fecf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julien=20Valverd=C3=A9?= <julien.valverde@mailo.com>
Date: Thu, 18 Jul 2024 03:19:24 +0200
Subject: [PATCH] Animation work

---
 packages/webui/src/routes/__root.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/webui/src/routes/__root.tsx b/packages/webui/src/routes/__root.tsx
index ceaa5c9..d4ffe66 100644
--- a/packages/webui/src/routes/__root.tsx
+++ b/packages/webui/src/routes/__root.tsx
@@ -33,8 +33,12 @@ export function Root() {
             <AnimatePresence mode="popLayout">
                 <AnimatedOutlet
                     key={nextMatch.id}
-                    initial={{ x: "100%" }}
-                    animate={{ x: "0" }}
+
+                    transition={{ x: { type: "spring", stiffness: 300, damping: 30 } }}
+
+                    initial={{ x: "100vw", opacity: 0 }}
+                    animate={{ x: "0", opacity: 1 }}
+                    exit={{ x: "-100vw", opacity: 0 }}
                 />
             </AnimatePresence>
         </div>