From 18a293e7d7d3500016725dda8adde9b190cda4e5 Mon Sep 17 00:00:00 2001
From: IRBorisov <8611739+IRBorisov@users.noreply.github.com>
Date: Thu, 20 Jun 2024 19:47:34 +0300
Subject: [PATCH] Improve side animation

---
 rsconcept/frontend/src/styling/animations.ts | 28 +++++++++++++-------
 1 file changed, 19 insertions(+), 9 deletions(-)

diff --git a/rsconcept/frontend/src/styling/animations.ts b/rsconcept/frontend/src/styling/animations.ts
index e6b141e6..6fcd1800 100644
--- a/rsconcept/frontend/src/styling/animations.ts
+++ b/rsconcept/frontend/src/styling/animations.ts
@@ -188,22 +188,32 @@ export const animateParseResults: Variants = {
 
 export const animateSideView = {
   initial: {
-    clipPath: 'inset(0% 100% 0% 0%)'
+    width: 0,
+    opacity: 0
   },
   animate: {
-    clipPath: 'inset(0% 0% 0% 0%)',
+    width: 'auto',
+    opacity: 1,
     transition: {
-      type: 'spring',
-      bounce: 0,
-      duration: 1
+      width: {
+        duration: 0.4
+      },
+      opacity: {
+        delay: 0.4,
+        duration: 0
+      }
     }
   },
   exit: {
-    clipPath: 'inset(0% 100% 0% 0%)',
+    width: 0,
+    opacity: 0,
     transition: {
-      type: 'spring',
-      bounce: 0,
-      duration: 1
+      width: {
+        duration: 0.4
+      },
+      opacity: {
+        duration: 0
+      }
     }
   }
 };