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

fix(ui): responsive qr-code generator

Browse source
This commit is contained in:
Corentin Thomasset 2021-05-17 23:33:50 +02:00
parent f6998f0f9a
commit fed0daf0a7
No known key found for this signature in database
GPG key ID: DBD997E935996158
1 changed files with 36 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

11
pages/tools/web/qrcode-generator.vue
View file

@ -1,5 +1,7 @@
<template>
<ToolWrapper :config="config()">
<v-row justify="center" align="center">
<v-col cols="12" lg="6" sm="12">
<v-text-field
v-model="value"
outlined
@ -22,7 +24,9 @@
</v-col>
</v-row>
<div class="text-center mt-5 mb-5">
</v-col>
<v-col cols="12" lg="6" sm="12" class="text-center mt-5 ">
<qrcode-vue
:value="value"
:size="size"
@ -32,9 +36,10 @@
render-as="svg"
class-name="qrcode-wrapper"
/>
</div>
</v-col>
</v-row>
<div class="text-center mb-sm-2">
<div class="text-center mb-sm-2 mt-4">
<v-btn class="mr-1" color="primary" @click="download('png')">
download as png
</v-btn>