feat: Add hover effect to event cards

hackerspace-ntnu · Nov 21, 2024 · 4fe8c16 · 4fe8c16
1 parent a528ed5
commit 4fe8c16
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/events/EventCard.tsx b/src/components/events/EventCard.tsx
@@ -54,7 +54,7 @@ function EventCard({
       href={{ pathname: '/events/[id]', params: { id: event.id } }}
       aria-label={t.detailsAboutEvent}
       className={cx(
-        'rounded-md ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
+        'rounded-md border border-transparent ring-offset-background transition-colors hover:border-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
         wrapperClassName,
       )}
     >