feat: hover state for file card

not-nullptr · not-nullptr · commit 912b16707c52 · 2024-10-11T23:14:44.000+01:00
diff --git a/apps/frontend/src/components/ui/servers/ServerStats.vue b/apps/frontend/src/components/ui/servers/ServerStats.vue
@@ -27,7 +27,7 @@
 
     <NuxtLink
       :to="`/servers/manage/${serverId}/files`"
-      class="relative min-h-[150px] w-full overflow-hidden rounded-2xl bg-bg-raised p-8"
+      class="relative min-h-[150px] w-full overflow-hidden rounded-2xl bg-bg-raised p-8 transition-transform duration-100 hover:scale-105 active:scale-100"
     >
       <div class="flex flex-row items-center gap-2">
         <h2 class="m-0 text-3xl font-extrabold text-[var(--color-contrast)]">

Original file line number	Diff line number	Diff line change
`@@ -27,7 +27,7 @@`
`27`	`27`
`28`	`28`	`<NuxtLink`
`29`	`29`	:to="`/servers/manage/${serverId}/files`"
`30`		`- class="relative min-h-[150px] w-full overflow-hidden rounded-2xl bg-bg-raised p-8"`
	`30`	`+ class="relative min-h-[150px] w-full overflow-hidden rounded-2xl bg-bg-raised p-8 transition-transform duration-100 hover:scale-105 active:scale-100"`
`31`	`31`	`>`
`32`	`32`	`<div class="flex flex-row items-center gap-2">`
`33`	`33`	`<h2 class="m-0 text-3xl font-extrabold text-[var(--color-contrast)]">`