fix: use button as close-element

SevenTV · Aug 28, 2022 · 1dfbca0 · 1dfbca0
1 parent e03fff1
commit 1dfbca0
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/modal/ModalBase.vue b/src/components/modal/ModalBase.vue
@@ -4,9 +4,9 @@
 			<div class="modal-heading">
 				<div />
 				<slot name="heading" />
-				<div class="modal-close" @click="close()">
+				<UnstyledButton class="modal-close" @click="close()">
 					<font-awesome-icon :icon="['far', 'close']" />
-				</div>
+				</UnstyledButton>
 			</div>
 
 			<div class="modal-content">
@@ -24,6 +24,7 @@
 import { onMounted, ref } from "vue";
 import { onClickOutside } from "@vueuse/core";
 import { ModalEvent, useModal } from "@store/modal";
+import UnstyledButton from "@base/UnstyledButton.vue";
 
 const props = withDefaults(
 	defineProps<{