public-repos/it-tools
5
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

refactor(qr-code): multiline input

Browse Source
This commit is contained in:
Corentin Thomasset 2023-04-06 00:54:17 +02:00
parent f68e859c20
commit 99b5391972
No known key found for this signature in database
GPG Key ID: DBD997E935996158
2 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/tools/qr-code-generator/qr-code-generator.vue
View File

@ -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']" />

2
src/tools/qr-code-generator/useQRCode.ts
View File

@ -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),