diff options
| -rw-r--r-- | src/tools/qr-code-generator/qr-code-generator.vue | 7 | ||||
| -rw-r--r-- | src/tools/qr-code-generator/useQRCode.ts | 2 |
2 files changed, 7 insertions, 2 deletions
diff --git a/src/tools/qr-code-generator/qr-code-generator.vue b/src/tools/qr-code-generator/qr-code-generator.vue index e565ba7..9800f28 100644 --- a/src/tools/qr-code-generator/qr-code-generator.vue +++ b/src/tools/qr-code-generator/qr-code-generator.vue @@ -4,7 +4,12 @@ <n-gi span="2"> <n-form label-width="130" label-placement="left"> <n-form-item label="Text:"> - <n-input v-model:value="text" placeholder="Your link or 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']" /> diff --git a/src/tools/qr-code-generator/useQRCode.ts b/src/tools/qr-code-generator/useQRCode.ts index 44b72a7..64ee90a 100644 --- a/src/tools/qr-code-generator/useQRCode.ts +++ b/src/tools/qr-code-generator/useQRCode.ts @@ -19,7 +19,7 @@ export function useQRCode({ [text, background, foreground, errorCorrectionLevel].filter(isRef), async () => { if (get(text)) - qrcode.value = await QRCode.toDataURL(get(text), { + qrcode.value = await QRCode.toDataURL(get(text).trim(), { color: { dark: get(foreground), light: get(background), |