From 839d129cabc1bd4453f755245630dba2a24aeb69 Mon Sep 17 00:00:00 2001
From: JovannMC <jovannmc@femboyfurry.net>
Date: Wed, 1 Jan 2025 18:14:37 +0300
Subject: [PATCH] apply hoverable to .btn

use @apply hoverable to .btn
use hoverable on images
---
 src/app.scss                            |  2 +-
 src/lib/sections/about/Donate.svelte    | 12 ++++++------
 src/lib/sections/about/Resources.svelte |  4 ++--
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/app.scss b/src/app.scss
index ca5f1b1..3386909 100644
--- a/src/app.scss
+++ b/src/app.scss
@@ -149,7 +149,7 @@ body {
 	}
 
 	.btn {
-		@apply bg-button flex items-center justify-center overflow-hidden relative cursor-pointer px-6 h-14 rounded-full font-medium focus:!outline-none hover:scale-105 duration-200 active:scale-95 disabled:opacity-50 disabled:pointer-events-none;
+		@apply bg-button flex items-center justify-center overflow-hidden relative cursor-pointer px-6 h-14 rounded-full font-medium focus:!outline-none hover:scale-105 duration-200 active:scale-95 disabled:opacity-50 disabled:pointer-events-none hoverable;
 		transition:
 			opacity 0.2s ease,
 			transform 0.2s ease,
diff --git a/src/lib/sections/about/Donate.svelte b/src/lib/sections/about/Donate.svelte
index 6c9ae64..67bd92c 100644
--- a/src/lib/sections/about/Donate.svelte
+++ b/src/lib/sections/about/Donate.svelte
@@ -16,7 +16,7 @@
 			src={avatar}
 			alt={name}
 			title={name}
-			class="w-9 h-9 rounded-full hoverable-lg"
+			class="w-9 h-9 rounded-full"
 		/>
 		<p class="text-sm text-black dynadark:text-white px-4">${amount}</p>
 	</div>
@@ -47,22 +47,22 @@
 			</button>
 
 			<button
-				class="btn flex-1 p-4 rounded-lg bg-button text-black dynadark:text-white flex items-center justify-center hoverable"
+				class="btn flex-1 p-4 rounded-lg bg-button text-black dynadark:text-white flex items-center justify-center"
 			>
 				<CalendarHeartIcon size="24" class="inline-block mr-2" />
 				Monthly
 			</button>
 		</div>
 		<div class="flex gap-3 w-full">
-			<button class="bg-rose-300 text-black p-4 rounded-lg flex-1 hoverable-md"
+			<button class="btn bg-rose-300 text-black p-4 rounded-lg flex-1"
 				>$1 USD</button
 			>
 			<button
-				class="bg-button text-black dynadark:text-white p-4 rounded-lg flex-1 hoverable-md"
+				class="btn bg-button text-black dynadark:text-white p-4 rounded-lg flex-1"
 				>$5 USD</button
 			>
 			<button
-				class="bg-button text-black dynadark:text-white p-4 rounded-lg flex-1 hoverable-md"
+				class="btn bg-button text-black dynadark:text-white p-4 rounded-lg flex-1"
 				>$10 USD</button
 			>
 			<div class="relative flex items-center flex-[2]">
@@ -82,7 +82,7 @@
 		</p>
 
 		<button
-			class="flex-1 p-3 rounded-3xl bg-rose-300 text-black flex items-center justify-center hoverable"
+			class="btn flex-1 p-3 rounded-3xl bg-rose-300 text-black flex items-center justify-center"
 		>
 			<WalletIcon size="24" class="inline-block mr-2" />
 			Pay now
diff --git a/src/lib/sections/about/Resources.svelte b/src/lib/sections/about/Resources.svelte
index d1268d9..3abb9ed 100644
--- a/src/lib/sections/about/Resources.svelte
+++ b/src/lib/sections/about/Resources.svelte
@@ -17,7 +17,7 @@
 			href="https://discord.gg/kqevGxYPak"
 			target="_blank"
 			rel="noopener noreferrer"
-			class="flex-1 gap-2 p-4 rounded-full bg-button text-black dynadark:text-white flex items-center justify-center hoverable"
+			class="btn flex-1 gap-2 p-4 rounded-full bg-button text-black dynadark:text-white flex items-center justify-center"
 		>
 			<MessageCircleMoreIcon size="24" class="inline-block mr-2" />
 			Discord server
@@ -26,7 +26,7 @@
 			href="https://github.com/not-nullptr/VERT"
 			target="_blank"
 			rel="noopener noreferrer"
-			class="flex-1 gap-2 p-4 rounded-full bg-button text-black dynadark:text-white flex items-center justify-center hoverable"
+			class="btn flex-1 gap-2 p-4 rounded-full bg-button text-black dynadark:text-white flex items-center justify-center"
 		>
 			<GithubIcon size="24" class="inline-block mr-2" />
 			Source code