diff --git a/src/components/button/EditBtn.vue b/src/components/button/EditBtn.vue index 153525a..89e8307 100644 --- a/src/components/button/EditBtn.vue +++ b/src/components/button/EditBtn.vue @@ -18,19 +18,19 @@ const props = defineProps({ }, }); -const buttonClass = ref("bx bx-edit"); +const buttonClass = ref("bx bx-edit-alt"); watch(() => props.isActive, (newVal) => { - buttonClass.value = newVal ? "bx bx-x" : "bx bx-edit"; + buttonClass.value = newVal ? "bx bx-x" : "bx bx-edit-alt"; }); const toggleText = () => { if (props.isToggleEnabled) { - buttonClass.value = buttonClass.value === "bx bx-edit" ? "bx bx-x" : "bx bx-edit"; + buttonClass.value = buttonClass.value === "bx bx-edit-alt" ? "bx bx-x" : "bx bx-edit-alt"; } }; const resetButton = () => { - buttonClass.value = "bx bx-edit"; + buttonClass.value = "bx bx-edit-alt"; };