aboutsummaryrefslogtreecommitdiff
path: root/src/tools/qr-code-generator/qr-code-generator.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/tools/qr-code-generator/qr-code-generator.vue')
-rw-r--r--src/tools/qr-code-generator/qr-code-generator.vue19
1 files changed, 11 insertions, 8 deletions
diff --git a/src/tools/qr-code-generator/qr-code-generator.vue b/src/tools/qr-code-generator/qr-code-generator.vue
index 52de7d9..f0c6ac2 100644
--- a/src/tools/qr-code-generator/qr-code-generator.vue
+++ b/src/tools/qr-code-generator/qr-code-generator.vue
@@ -27,15 +27,18 @@ const { download } = useDownloadFileFromBase64({ source: qrcode, filename: 'qr-c
<c-card>
<n-grid x-gap="12" y-gap="12" cols="1 600:3">
<n-gi span="2">
+ <c-input-text
+ v-model:value="text"
+ label-position="left"
+ label-width="130px"
+ label-align="right"
+ label="Text:"
+ multiline
+ rows="1"
+ placeholder="Your link or text..."
+ mb-6
+ />
<n-form label-width="130" label-placement="left">
- <n-form-item label="Text:">
- <n-input
- v-model:value="text"
- type="textarea"
- :autosize="{ minRows: 1 }"
- placeholder="Your link or text..."
- />
- </n-form-item>
<n-form-item label="Foreground color:">
<n-color-picker v-model:value="foreground" :modes="['hex']" />
</n-form-item>