diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/CardLink.tsx | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/src/components/CardLink.tsx b/src/components/CardLink.tsx index 01d277b..8c3f35d 100644 --- a/src/components/CardLink.tsx +++ b/src/components/CardLink.tsx @@ -41,7 +41,7 @@ export default function CardLink({ title, body, href, imgSrc }: Props) { > {/* Spotlight overlay - light */} <div - className="pointer-events-none absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out" + className="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out" style={{ opacity, background: `radial-gradient(circle at ${position.x}px ${position.y}px, @@ -52,7 +52,7 @@ export default function CardLink({ title, body, href, imgSrc }: Props) { {/* Spotlight overlay - dark mode */} <div - className="pointer-events-none absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out dark:block" + className="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out dark:block" style={{ opacity, background: `radial-gradient(circle at ${position.x}px ${position.y}px, @@ -65,15 +65,15 @@ export default function CardLink({ title, body, href, imgSrc }: Props) { {imgSrc && ( <img src={imgSrc} - className="w-20 h-20 object-cover rounded-lg transition-transform duration-200 hover:scale-105 z-10" + className="w-20 h-20 object-cover rounded-lg" alt={title} /> )} - <div className="flex-1 z-10"> + <div className="flex-1"> <h3 className="font-medium">{title}</h3> <p className="text-sm text-neutral-800 dark:text-neutral-400">{body}</p> </div> - {href && <div className="z-10"><ExternalLinkIcon /></div>} + {href && <ExternalLinkIcon />} </div> ); } |