client: modify transitions

Casuals4Fun · Apr 24, 2024 · bec918b · bec918b
1 parent a5b2752
commit bec918b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/client/src/components/sidebar/left-sidebar.css b/client/src/components/sidebar/left-sidebar.css
@@ -157,13 +157,13 @@
     }
 
     #left-sidebar.reveal {
-        margin-bottom: 0;
-        transition: all 0.2s ease-in;
+        bottom: 0;
+        transition: bottom 0.25s ease-out;
     }
 
     #left-sidebar.hide {
-        margin-bottom: -60px;
-        transition: all 0.3s ease-out;
+        bottom: -60px;
+        transition: bottom 0.4s ease-out;
     }
 
     #left-sidebar .logo__wrapper,

diff --git a/client/src/components/sidebar/right-sidebar.css b/client/src/components/sidebar/right-sidebar.css
@@ -86,13 +86,13 @@
 
 @media screen and (max-width: 480px) {
     #right-sidebar.reveal {
-        margin-top: 0;
-        transition: all 0.2s ease-in;
+        top: 0;
+        transition: top 0.25s ease-out;
     }
 
     #right-sidebar.hide {
-        margin-top: -60px;
-        transition: all 0.3s ease-out;
+        top: -60px;
+        transition: top 0.4s ease-out;
     }
 
     #right-sidebar .right-sidebar__container {