diff options
| author |  Corentin THOMASSET <corentin.thomasset74@gmail.com>
| 2023-08-07 17:30:00 +0200 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2023-08-07 15:30:00 +0000 |
| commit | dfa1ba85548508e680f68200ea521be95c3eafe0 (patch) | |
| tree | c166b635e5eb006806bd40a88252d90735be9ca4 /src/tools/qr-code-generator/qr-code-generator.vue | |
| parent | 6498c9b0fa0427d567506dbd4a6e87d227b138d4 (diff) | |
| download | it-tools-dfa1ba85548508e680f68200ea521be95c3eafe0.tar.gz it-tools-dfa1ba85548508e680f68200ea521be95c3eafe0.tar.zst it-tools-dfa1ba85548508e680f68200ea521be95c3eafe0.zip | |
feat(ui): added c-select in the ui lib (#550)
* feat(ui): added c-select in the ui lib
* refactor(ui): switched n-select to c-select
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> |