From 522c759e35a2f932963885dd1a0e17acff88f723 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 24 Oct 2024 11:31:52 +0700
Subject: [PATCH] refactor: upload file card component

---
 src/components/upload-file/UploadFileCard.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/upload-file/UploadFileCard.vue b/src/components/upload-file/UploadFileCard.vue
index c8642d66..09f0b23e 100644
--- a/src/components/upload-file/UploadFileCard.vue
+++ b/src/components/upload-file/UploadFileCard.vue
@@ -48,7 +48,7 @@ onMounted(() => {
 </script>
 <template>
   <div
-    class="bordered rounded row items-center q-pa-md"
+    class="bordered rounded row items-center q-pa-md card"
     :class="{ 'cursor-pointer': clickable }"
     @click="$emit('click')"
   >
@@ -91,3 +91,9 @@ onMounted(() => {
     />
   </div>
 </template>
+<style scoped>
+.card:hover {
+  transition: ease-in-out 0.3s;
+  background: hsla(var(--info-bg) / 0.05);
+}
+</style>