mirrors/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-04-21 07:16:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

refactor(style): updated linter config

Browse source
This commit is contained in:
Corentin Thomasset 2022-04-15 23:10:47 +02:00
parent 39746e07c5
commit 6b58ec554a
No known key found for this signature in database
GPG key ID: DBD997E935996158
27 changed files with 1144 additions and 571 deletions
Download patch file Download diff file Expand all files Collapse all files

53
src/tools/qr-code-generator/qr-code-generator.vue
View file

@ -1,27 +1,56 @@
<template>
<n-card>
<n-grid cols="3" x-gap="12">
<n-grid
cols="3"
x-gap="12"
>
<n-gi span="2">
<n-form label-width="130" label-placement="left">
<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"
placeholder="Your link or text..."
/>
</n-form-item>
<n-form-item label="Foreground color:">
<n-color-picker v-model:value="foreground" :modes="['hex']" />
<n-color-picker
v-model:value="foreground"
:modes="['hex']"
/>
</n-form-item>
<n-form-item label="Background color:">
<n-color-picker v-model:value="background" :modes="['hex']" />
<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-select
v-model:value="errorCorrectionLevel"
:options="errorCorrectionLevels.map((value) => ({ label: value, value }))"
/>
</n-form-item>
</n-form>
</n-gi>
</n-form>
</n-gi>
<n-gi>
<n-space justify="center" align="center" vertical>
<n-image :src="qrcode" width="200" />
<n-button @click="download" secondary>Download qr-code</n-button>
<n-space
justify="center"
align="center"
vertical
>
<n-image
:src="qrcode"
width="200"
/>
<n-button
secondary
@click="download"
>
Download qr-code
</n-button>
</n-space>
</n-gi>
</n-grid>