atridad/atridotdad
1
0
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>
);

25
src/components/TalkCard.astro
View File

@ -1,6 +1,6 @@
---
import { Icon } from "astro-icon/components";
import type { Talk } from '../types';
import type { Talk } from "../types";
interface Props {
talk: Talk;
@ -16,14 +16,7 @@ const { talk } = Astro.props;
<h2
class="card-title text-xl md:text-2xl font-bold justify-center text-center break-words text-base-100"
>
<a
href={talk.link}
target="_blank"
rel="noopener noreferrer"
class="hover:text-primary transition-colors"
>
{talk.name}
</a>
{talk.name}
</h2>
<p class="text-center break-words my-4 text-base-100">
@ -31,12 +24,14 @@ const { talk } = Astro.props;
</p>
<div class="flex flex-col gap-2 mb-4 text-sm">
{talk.date && (
<div class="flex items-center gap-2">
<span class="font-semibold">Date:</span>
<span>{talk.date}</span>
</div>
)}
{
talk.date && (
<div class="flex items-center gap-2">
<span class="font-semibold">Date:</span>
<span>{talk.date}</span>
</div>
)
}
</div>
<div class="card-actions justify-end mt-4">