ボタン付きinputフィールドにボタンテキストを追加できるように修正

Author: kaizumaki

src/components/BaseEditorButton.vue

@@ -1,11 +1,12 @@
 <template>
   <v-btn
     class="editorButton"
-    width="48px"
+    min-width="48px"
     height="48px"
     @click="$emit('click')"
   >
     <v-icon :color="iconColor" :size="iconSize">{{ iconName }}</v-icon>
+    <span v-if="text">{{ text }}</span>
   </v-btn>
 </template>
 
@@ -29,13 +30,18 @@ export default Vue.extend({
       required: false,
       default: '24px',
     },
+    text: {
+      type: String,
+      required: false,
+      default: '',
+    },
   },
 })
 </script>
 
 <style lang="scss" scoped>
 .editorButton {
   border-radius: 14px;
-  min-width: 48px !important;
+  padding: 0 14px !important;
 }
 </style>

src/components/EditorInputFieldPickable.vue

@@ -14,6 +14,7 @@
         v-if="iconName"
         class="Button"
         :icon-name="iconName"
+        :text="buttonText"
         @click="$emit('clickButton')"
       />
     </div>
@@ -63,6 +64,11 @@ export default Vue.extend({
       required: false,
       default: '',
     },
+    buttonText: {
+      type: String,
+      required: false,
+      default: '',
+    },
   },
 })
 </script>