smooth

quartz/components/styles/explorer-burger.scss

@@ -49,15 +49,26 @@
     &:not(.collapsed) {
       width: 90vw;
       background-color: var(--light);
-      height: 90dvh;
+      height: 100vh;
       position: absolute;
       z-index: 100;
       max-height: max-content !important;
-      transition: all 300ms ease;
+      transition: all 500ms ease;
       overflow: hidden;
+      //blur the background
       //top: 10dvh;
     }
 
+    &.collapsed li {
+      filter: blur(150px);
+      transition: all 500ms ease-in-out;
+    }
+
+    &:not(.collapsed) li {
+      filter: blur(0);
+      transition: all 500ms ease;
+    }
+
     /* ul.overflow {
       max-height: 70dvh;
     } */
@@ -66,11 +77,11 @@
       left: 0;
       width: 0;
       background-color: var(--light);
-      height: 90dvh;
+      height: 100dvh;
       position: absolute;
       max-height: max-content !important;
       z-index: 100;
-      transition: all 300ms ease-in-out;
+      transition: all 500ms ease-in-out;
     }
   }