diff options
| author | LynithDev <61880709+LynithDev@users.noreply.github.com> | 2024-01-06 11:35:28 +0100 |
|---|---|---|
| committer | LynithDev <61880709+LynithDev@users.noreply.github.com> | 2024-01-06 11:35:28 +0100 |
| commit | 1beed29a838774cc3b177f38bb765d9e307e9f28 (patch) | |
| tree | fee1a710c55d9d809de1e5c2b32abad33a924d8f /apps/website/src/components | |
| parent | ceef018a996d499c02147ad73291bb4f7634ba8e (diff) | |
| download | Nexus-1beed29a838774cc3b177f38bb765d9e307e9f28.tar.gz Nexus-1beed29a838774cc3b177f38bb765d9e307e9f28.tar.bz2 Nexus-1beed29a838774cc3b177f38bb765d9e307e9f28.zip | |
Grayscale hover on navbar dropdown elements + client side mod fetching
Diffstat (limited to 'apps/website/src/components')
| -rw-r--r-- | apps/website/src/components/base/navbar/NavbarElement.astro | 2 |
1 files changed, 1 insertions, 1 deletions
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> |