From 8b6b338a472b75eac6f09643e2d5273c60a828e5 Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Tue, 7 Nov 2023 18:08:08 +0600
Subject: [PATCH] animate sidebar appearance

---
 .../sidebar/SidebarWrapper/styles.module.scss     | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/src/components/sidebar/SidebarWrapper/styles.module.scss b/src/components/sidebar/SidebarWrapper/styles.module.scss
index 5bcb755c..9f1c8981 100644
--- a/src/components/sidebar/SidebarWrapper/styles.module.scss
+++ b/src/components/sidebar/SidebarWrapper/styles.module.scss
@@ -1,15 +1,10 @@
 @import 'src/styles/variables';
 
-@keyframes appear {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-
 @keyframes slideIn {
+  0% {
+    transform: translate(50%, 0);
+  }
+
   100% {
     transform: translate(0, 0);
   }
@@ -23,7 +18,7 @@
   z-index: 26;
   justify-content: flex-end;
   overflow: hidden;
-  // animation: appear 0.25s forwards;
+  animation: slideIn 0.5s forwards;
 
   & > * {
     z-index: 4;