diff options
| author | LynithDev <61880709+LynithDev@users.noreply.github.com> | 2023-12-27 18:43:56 +0100 |
|---|---|---|
| committer | LynithDev <61880709+LynithDev@users.noreply.github.com> | 2023-12-27 18:43:56 +0100 |
| commit | 1ff554fefe5a960e544c49fdd47fd1f0963e8ebc (patch) | |
| tree | 3cf26ac5f2f08fde9876aa2ce5f4ffafab26b16c /apps/website/src/components/base | |
| parent | 2dda71f216ed8e06c2ebeb4bdcf9cd3d19519c47 (diff) | |
| download | Nexus-1ff554fefe5a960e544c49fdd47fd1f0963e8ebc.tar.gz Nexus-1ff554fefe5a960e544c49fdd47fd1f0963e8ebc.tar.bz2 Nexus-1ff554fefe5a960e544c49fdd47fd1f0963e8ebc.zip | |
Pretty much finished the mods page except for images / svgs
Diffstat (limited to 'apps/website/src/components/base')
| -rw-r--r-- | apps/website/src/components/base/navbar/NavbarElement.astro | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/apps/website/src/components/base/navbar/NavbarElement.astro b/apps/website/src/components/base/navbar/NavbarElement.astro index a1c27b9..0fe544b 100644 --- a/apps/website/src/components/base/navbar/NavbarElement.astro +++ b/apps/website/src/components/base/navbar/NavbarElement.astro @@ -28,7 +28,7 @@ function isCurrentPage(url: string): boolean { ? ( <a href={element.path} class={`p-2 flex flex-row justify-center items-center hover:text-blue-500 ${isCurrentPage(element.path) ? 'text-blue-400' : 'text-gray-700'}`}> {element.text && element.text} - {element.logo && <Logo size={element.logo[1] < 0 ? undefined : element.logo[1]} logo={element.logo[0] as LogoType}/>} + {element.logo && <Logo class="active:scale-95 transition-transform" size={element.logo[1] < 0 ? undefined : element.logo[1]} logo={element.logo[0] as LogoType}/>} {element.dropdown && <Icon icon="chevron-down"/>} </a> ) @@ -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"> + <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="w-[36px]"> {item.logo && <Logo size={40} logo={item.logo}/>} </div> |