diff options
Diffstat (limited to 'src/tools/qr-code-generator/qr-code-generator.vue')
-rw-r--r-- | src/tools/qr-code-generator/qr-code-generator.vue | 15 |
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> |