fix: #316 cancel and close hover effect

2024-08-16 16:58:13 +08:00
parent 6fcd7efbfc
commit 975b8340b8
2 changed files with 7 additions and 4 deletions
--- a/src/views/AccountManagement/ModalHeader.vue
+++ b/src/views/AccountManagement/ModalHeader.vue
@@ -3,9 +3,11 @@
        border-b border-b-[1px] border-[#CBD5E1]
    ">
        <h1 class="flex text-base font-bold"> {{ headerText }}</h1>
-        <img src="@/assets/icon-x.svg" alt="X" class="flex cursor-pointer"
-            @click="closeModal"
-        />
+        <div class="w-8 h-8 bg-transparent hover:bg-[#e9ecef] rounded-full relative flex justify-center items-center">
+            <img src="@/assets/icon-x.svg" alt="X" class="flex cursor-pointer absolute"
+                @click="closeModal"
+            />
+        </div>        
    </header>
 </template>