From a55a8954baf18ccea39747d5bb945e500be49e88 Mon Sep 17 00:00:00 2001
From: JackTench <79285604+JackTench@users.noreply.github.com>
Date: Wed, 9 Sep 2026 19:03:01 +0100
Subject: [PATCH] Documentation navigation cards now pop when hovered

---
 src/app/docs.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/docs.tsx b/src/app/docs.tsx
index b6b6a62..e58daea 100644
--- a/src/app/docs.tsx
+++ b/src/app/docs.tsx
@@ -49,7 +49,7 @@ export function Docs() {
         <For each={docs}>
           {(doc) => (
             <a href={doc.to}>
-              <Card class="h-full transition hover:border-primary hover:shadow-lg">
+              <Card class="h-full transition-[transform,border-color,box-shadow] duration-300 ease-out hover:-translate-y-1 hover:scale-[1.01] hover:border-primary/40 hover:shadow-lg">
                 <CardHeader>
                   <CardTitle>{doc.title}</CardTitle>
                   <CardDescription>{doc.description}</CardDescription>