atridad/atridotdad
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Optimized images and fixed tooltips
All checks were successful
Docker Deploy / build-and-push (push) Successful in 3m43s
Details

Browse Source
This commit is contained in:
Atridad Lahiji
2025-06-12 23:33:23 -06:00
parent 9577cd8bc6
commit 28f41ac94d
6 changed files with 89 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/NavigationBar.tsx
View File

@@ -103,13 +103,12 @@ export default function NavigationBar({ currentPath }: NavigationBarProps) {
<li key={item.id} class="mx-0.5 sm:mx-1">
<a
href={item.path}
class={`min-h-[44px] min-w-[44px] inline-flex items-center justify-center ${isActive ? "menu-active" : ""}`}
class={`tooltip tooltip-top min-h-[44px] min-w-[44px] inline-flex items-center justify-center ${isActive ? "menu-active" : ""}`}
aria-label={item.tooltip}
data-tip={item.tooltip}
>
<div class="tooltip md:before:-translate-x-1/2 md:before:-translate-y-full md:before:top-auto md:before:bottom-full md:after:-translate-x-1/2 md:after:-translate-y-full md:after:top-auto md:after:bottom-full" data-tip={item.tooltip}>
<Icon size={18} class="sm:w-5 sm:h-5" />
<span class="sr-only">{item.name}</span>
</div>
<Icon size={18} class="sm:w-5 sm:h-5" />
<span class="sr-only">{item.name}</span>
</a>
</li>
);