From a956dac4208115d0e23cde28f08ca51525b8e69e Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Tue, 7 Jan 2025 22:33:43 +0330
Subject: [PATCH] added fade animation

---
 frontend/assets/css/animations.css | 26 +++++++++++++++++++++++---
 1 file changed, 23 insertions(+), 3 deletions(-)

diff --git a/frontend/assets/css/animations.css b/frontend/assets/css/animations.css
index 9749855..a906403 100644
--- a/frontend/assets/css/animations.css
+++ b/frontend/assets/css/animations.css
@@ -31,13 +31,11 @@
 .fade-enter-to,
 .fade-leave-from {
     opacity: 1;
-    transform: scale(1);
 }
 
 .fade-enter-from,
 .fade-leave-to {
     opacity: 0;
-    transform: scale(0.95);
 }
 
 /*
@@ -81,4 +79,26 @@
 .fade-right-to-left-leave-to {
     opacity: 0;
     transform: translateX(30px) scale(0.95);
-}
\ No newline at end of file
+}
+
+/*
+    FadeRight animation
+*/
+
+.fade-right-leave-active,
+.fade-right-enter-active {
+    transform-origin: right;
+    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
+}
+
+.fade-right-enter-to,
+.fade-right-leave-from {
+    opacity: 1;
+    transform: translateX(0);
+}
+
+.fade-right-enter-from,
+.fade-right-leave-to {
+    opacity: 0;
+    transform: translateX(100%);
+}