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.vue15
1 files changed, 9 insertions, 6 deletions
diff --git a/src/tools/qr-code-generator/qr-code-generator.vue b/src/tools/qr-code-generator/qr-code-generator.vue
index f0c6ac2..8bc9f74 100644
--- a/src/tools/qr-code-generator/qr-code-generator.vue
+++ b/src/tools/qr-code-generator/qr-code-generator.vue
@@ -35,6 +35,7 @@ const { download } = useDownloadFileFromBase64({ source: qrcode, filename: 'qr-c
label="Text:"
multiline
rows="1"
+ autosize
placeholder="Your link or text..."
mb-6
/>
@@ -45,12 +46,14 @@ const { download } = useDownloadFileFromBase64({ source: qrcode, filename: 'qr-c
<n-form-item label="Background color:">
<n-color-picker v-model:value="background" :modes="['hex']" />
</n-form-item>
- <n-form-item label="Error resistance:">
- <n-select
- v-model:value="errorCorrectionLevel"
- :options="errorCorrectionLevels.map((value) => ({ label: value, value }))"
- />
- </n-form-item>
+ <c-select
+ v-model:value="errorCorrectionLevel"
+ label="Error resistance:"
+ label-position="left"
+ label-width="130px"
+ label-align="right"
+ :options="errorCorrectionLevels.map((value) => ({ label: value, value }))"
+ />
</n-form>
</n-gi>
<n-gi>