feat: add opacity transition to navbar open and close

okikio · Oct 21, 2021 · ba6b852 · ba6b852 · vercel · Oct 21, 2021
1 parent 27bb804
commit ba6b852
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/css/components/_navbar.scss b/src/css/components/_navbar.scss
@@ -85,7 +85,7 @@
 
     @screen lt-md {
         --height: 100vh;
-        transition: height ease-out 0.35s, transform ease-out 0.35s;
+        transition: height ease-out 0.35s, transform ease-out 0.35s, opacity ease 0.35s;
         @apply flex-grow;
         flex-basis: 100%;
         overflow-y: hidden;
@@ -95,12 +95,12 @@
         &.show {
             height: 100%;
             height: var(--height, 100vh);
-            @apply scale-100;
+            @apply scale-100 opacity-100;
         }
 
         &.collapse {
             height: 0;
-            @apply scale-[0.8];
+            @apply scale-[0.8] opacity-0;
         }
     }
 }