From ba6b8525502dd010d7485039f61018ee57e79305 Mon Sep 17 00:00:00 2001
From: Okiki <okikio.dev@gmail.com>
Date: Thu, 21 Oct 2021 15:30:15 +0000
Subject: [PATCH] feat: add opacity transition to navbar open and close

---
 src/css/components/_navbar.scss | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/css/components/_navbar.scss b/src/css/components/_navbar.scss
index 1805aa5f..18a4a556 100644
--- 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;
         }
     }
 }