버튼 간격 수정 및 비밀번호입력창 추가

src/components/button/EditBtn.vue

@@ -1,30 +1,30 @@
 <template>
-    <button class="btn btn-label-primary btn-icon" @click="toggleText">
+    <button class="btn btn-label-primary btn-icon me-1" @click="toggleText">
-      <i :class="buttonClass"></i>
+        <i :class="buttonClass"></i>
     </button>
 </template>
 
 <script setup>
-import { ref, defineProps } from 'vue';
+    import { ref, defineProps } from 'vue';
 
-const props = defineProps({
+    const props = defineProps({
-  isToggleEnabled: {
+        isToggleEnabled: {
-      type: Boolean,
+            type: Boolean,
-      default: false,
+            default: false,
-  },
+        },
-});
+    });
 
-const buttonClass = ref("bx bx-edit-alt");
+    const buttonClass = ref('bx bx-edit-alt');
 
-const toggleText = () => {
+    const toggleText = () => {
-  if (props.isToggleEnabled) {
+        if (props.isToggleEnabled) {
-    buttonClass.value = buttonClass.value === "bx bx-edit-alt" ? "bx bx-x" : "bx bx-edit-alt";
+            buttonClass.value = buttonClass.value === 'bx bx-edit-alt' ? 'bx bx-x' : 'bx bx-edit-alt';
-  }
+        }
-};
+    };
 
-const resetButton = () => {
+    const resetButton = () => {
-    buttonClass.value = "bx bx-edit-alt";
+        buttonClass.value = 'bx bx-edit-alt';
-};
+    };
 
-defineExpose({ resetButton });
+    defineExpose({ resetButton });
 </script>