From cf2ab6becb5c88b7843a99a68a7dd76e9d1e4704 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Mon, 7 Nov 2022 12:47:57 -0800
Subject: [PATCH] transitions for navbar hover

---
 packages/client/src/ui/_common_/navbar.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/packages/client/src/ui/_common_/navbar.vue b/packages/client/src/ui/_common_/navbar.vue
index ee4c39986f..735560f3f9 100644
--- a/packages/client/src/ui/_common_/navbar.vue
+++ b/packages/client/src/ui/_common_/navbar.vue
@@ -283,6 +283,7 @@ function more(ev: MouseEvent) {
 					&:hover, &.active {
 						&:before {
 							background: var(--accentLighten);
+							transition: all 0.4s ease;
 						}
 					}
 
@@ -373,6 +374,7 @@ function more(ev: MouseEvent) {
 					&:hover {
 						text-decoration: none;
 						color: var(--navHoverFg);
+						transition: all 0.4s ease;
 					}
 
 					&.active {
@@ -381,6 +383,7 @@ function more(ev: MouseEvent) {
 
 					&:hover, &.active {
 						color: var(--accent);
+						transition: all 0.4s ease;
 
 						&:before {
 							content: "";
@@ -466,6 +469,7 @@ function more(ev: MouseEvent) {
 					&:hover, &.active {
 						&:before {
 							background: var(--accentLighten);
+							transition: all 0.4s ease;
 						}
 					}
 
@@ -534,6 +538,7 @@ function more(ev: MouseEvent) {
 					&:hover, &.active {
 						text-decoration: none;
 						color: var(--accent);
+						transition: all 0.4s ease;
 
 						&:before {
 							content: "";