長い説明文追加

frontend/src/components/right/InputText.vue

@@ -1,5 +1,11 @@
 <template>
-  <q-input :label="displayName" v-model="inputValue" label-color="primary" :placeholder="placeholder" stack-label/>
+  <q-input :label="displayName" v-model="inputValue" label-color="primary" :placeholder="placeholder" stack-label>
+  <template v-slot:append v-if="hint!==''">
+    <q-icon name="help" size="22px" color="blue-8">
+      <q-tooltip class="bg-yellow-2 text-black shadow-4" anchor="bottom right"><div class="hint-text" v-html="hint"/></q-tooltip>
+    </q-icon>
+  </template>
+  </q-input>
 </template>
 
 <script lang="ts">
@@ -39,7 +45,15 @@ export default defineComponent({
 
     return {
       inputValue,
+      showhint:ref(false)
     };
   },
 });
 </script>
+<style lang="scss">
+.hint-text{
+  white-space : always;
+  max-width: 450px;
+  font-size: 1.2em;
+}
+</style>