From 625a2df308de5c90c68fcf4981a75d5702169bcd Mon Sep 17 00:00:00 2001
From: Julian Krauser <jkrauser209@gmail.com>
Date: Tue, 6 May 2025 09:17:26 +0200
Subject: [PATCH] fix: temporary fix on tailwind hover

---
 src/components/admin/management/setting/BaseSetting.vue | 4 ++--
 src/main.css                                            | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/admin/management/setting/BaseSetting.vue b/src/components/admin/management/setting/BaseSetting.vue
index 5091d89..533c593 100644
--- a/src/components/admin/management/setting/BaseSetting.vue
+++ b/src/components/admin/management/setting/BaseSetting.vue
@@ -6,12 +6,12 @@
       <SuccessCheckmark v-else-if="status == 'success'" />
       <FailureXMark v-else-if="status == 'failed'" />
       <div v-else-if="enableEdit" class="flex flex-row gap-2">
-        <button type="submit" class="!w-fit !h-fit !p-0">
+        <button type="submit" class="w-fit! h-fit! p-0!">
           <CheckIcon class="h-5 w-5 cursor-pointer" />
         </button>
         <button
           type="reset"
-          class="!w-fit !h-fit !p-0"
+          class="w-fit! h-fit! p-0!"
           @click="
             enableEdit = false;
             $emit('reset');
diff --git a/src/main.css b/src/main.css
index 9f95aa5..a334a51 100644
--- a/src/main.css
+++ b/src/main.css
@@ -31,6 +31,8 @@
   }
 }
 
+@custom-variant hover (&:hover);
+
 /* ===== Scrollbar CSS ===== */
 /* Firefox */
 * {