From 1beed29a838774cc3b177f38bb765d9e307e9f28 Mon Sep 17 00:00:00 2001
From: LynithDev <61880709+LynithDev@users.noreply.github.com>
Date: Sat, 6 Jan 2024 11:35:28 +0100
Subject: Grayscale hover on navbar dropdown elements + client side mod
 fetching

---
 apps/website/src/components/base/navbar/NavbarElement.astro | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'apps/website/src/components/base')

diff --git a/apps/website/src/components/base/navbar/NavbarElement.astro b/apps/website/src/components/base/navbar/NavbarElement.astro
index c2c76b3..5e37253 100644
--- a/apps/website/src/components/base/navbar/NavbarElement.astro
+++ b/apps/website/src/components/base/navbar/NavbarElement.astro
@@ -74,7 +74,7 @@ function isCurrentPage(url: string): boolean {
 								{element.dropdown.map(item => (
 									<li>
 										<a href={item.path} class="flex sm:min-w-[400px] sm:max-w-[400px]">
-											<div class="transition-colors text-left w-full flex flex-row justify-start rounded-md items-center px-6 py-4 gap-6 hover:bg-blue-50 active:bg-blue-100">
+											<div class={`transition-[color,background-color,filter] text-left w-full flex flex-row justify-start rounded-md items-center px-6 py-4 gap-6 ${item.path ? 'hover:bg-blue-50 active:bg-blue-100' : 'hover:grayscale hover:brightness-75'}`}>
 												<div class="w-[36px]">
 													{item.logo && <Logo size={40} logo={item.logo}/>}
 												</div>
-- 
cgit