From b2fedb17c9e12ea9d3b45da211c9fec3829b852a Mon Sep 17 00:00:00 2001
From: Wessel Tip <wessel@go2it.eu>
Date: Mon, 29 Jan 2024 23:46:53 +0100
Subject: [PATCH] feat(navbar): Add fade-in animation

---
 src/components/widgets/navbar/scss/index.scss | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/components/widgets/navbar/scss/index.scss b/src/components/widgets/navbar/scss/index.scss
index 27332e6d..1fb4d1b4 100644
--- a/src/components/widgets/navbar/scss/index.scss
+++ b/src/components/widgets/navbar/scss/index.scss
@@ -61,11 +61,14 @@
   width: 500px;
 
   .navbar {
+    opacity: 0;
+    transition: visibility 0.2s linear, opacity 0.2s linear;
     visibility: hidden;
   }
 
   &:hover {
     .navbar {
+      opacity: 1;
       visibility: visible;
     }
   }