client: modify tranistion

Casuals4Fun · Apr 22, 2024 · a5b2752 · a5b2752
1 parent 5734a39
commit a5b2752
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 13 deletions.
diff --git a/client/src/App.tsx b/client/src/App.tsx
@@ -34,7 +34,7 @@ export default function App() {
     const handleScroll = () => {
       if (mainRef.current) {
         const st = mainRef.current.scrollTop;
-        if (st > lastScrollTop && st > 200) setIsScrollingUp(false);
+        if (st > lastScrollTop && st > 70) setIsScrollingUp(false);
         else setIsScrollingUp(true);
         lastScrollTop = st <= 0 ? 0 : st;
       }

diff --git a/client/src/components/modal/auth/index.css b/client/src/components/modal/auth/index.css
@@ -280,7 +280,7 @@
 @media screen and (max-width: 480px) {
     .auth__container {
         width: 100%;
-        height: 100dvh;
+        height: 100%;
         flex-direction: column;
         border: none;
         border-radius: unset;

diff --git a/client/src/components/sidebar/left-sidebar.css b/client/src/components/sidebar/left-sidebar.css
@@ -119,16 +119,6 @@
 }
 
 @media screen and (max-width: 767px) {
-    #left-sidebar.reveal {
-        margin-bottom: 0;
-        transition: all 0.15s ease-in;
-    }
-
-    #left-sidebar.hide {
-        margin-bottom: -60px;
-        transition: all 0.3s ease-out;
-    }
-
     #left-sidebar ul {
         gap: 30px;
     }
@@ -166,6 +156,16 @@
         border-right: none;
     }
 
+    #left-sidebar.reveal {
+        margin-bottom: 0;
+        transition: all 0.2s ease-in;
+    }
+
+    #left-sidebar.hide {
+        margin-bottom: -60px;
+        transition: all 0.3s ease-out;
+    }
+
     #left-sidebar .logo__wrapper,
     #left-sidebar .profile__container {
         display: none;

diff --git a/client/src/components/sidebar/right-sidebar.css b/client/src/components/sidebar/right-sidebar.css
@@ -87,7 +87,7 @@
 @media screen and (max-width: 480px) {
     #right-sidebar.reveal {
         margin-top: 0;
-        transition: all 0.15s ease-in;
+        transition: all 0.2s ease-in;
     }
 
     #right-sidebar.hide {