From 92402634902dbff05ad7a8b4af6a0bf024c07c46 Mon Sep 17 00:00:00 2001
From: grngxd <36968271+grngxd@users.noreply.github.com>
Date: Wed, 30 Jul 2025 11:36:14 +0100
Subject: [PATCH] style: enhance hover effect on media elements with smoother
 transitions

---
 src/routes/dashboard/index.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/routes/dashboard/index.tsx b/src/routes/dashboard/index.tsx
index 16911f1..5197067 100644
--- a/src/routes/dashboard/index.tsx
+++ b/src/routes/dashboard/index.tsx
@@ -64,11 +64,12 @@ const Files = component$<{
 	  return (
 		<div class="w-full h-max object-cover flex-grow relative overflow-clip">
 		  {fileType.value === "image" && (
+			// eslint-disable-next-line qwik/jsx-img
 			<img
 			  width={400}
 			  src={`/api/${file.ID}`}
 			  alt={file.Name}
-			  class="w-full min-h-30 object-cover flex-grow hover:scale-105 transition-all duration-300"
+			  class="w-full min-h-30 object-cover flex-grow hover:scale-[102.5%] transition-all duration-500"
 			/>
 		  )}
 		  {fileType.value === "video" && (
@@ -76,14 +77,14 @@ const Files = component$<{
 			  width={400}
 			  src={`/api/${file.ID}`}
 			  controls
-			  class="w-full min-h-30 object-cover flex-grow hover:scale-105 transition-all duration-300"
+			  class="w-full min-h-30 object-cover flex-grow hover:scale-[102.5%] transition-all duration-500"
 			/>
 		  )}
 		  {fileType.value === "audio" && (
 			<audio
 			  src={`/api/${file.ID}`}
 			  controls
-			  class="w-full min-h-30 object-cover flex-grow hover:scale-105 transition-all duration-300"
+			  class="w-full min-h-30 object-cover flex-grow hover:scale-[102.5%] transition-all duration-500"
 			/>
 		  )}
 		  {fileType.value === "other" && (