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

remove naive UI grid

Browse source
This commit is contained in:
Dogeek 2023-09-04 22:12:50 +02:00
parent d2f7d2d1d0
commit 659368f2a5
1 changed files with 7 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/tools/wifi-qr-code-generator/wifi-qr-code-generator.vue
View file

@ -37,8 +37,8 @@ const { download } = useDownloadFileFromBase64({ source: qrcode, filename: 'qr-c
<template> <template>
<c-card> <c-card>
<n-grid x-gap="12" y-gap="12" cols="1 600:3"> <div grid grid-cols-1 gap-12>
<n-gi span="2"> <div>
<c-select <c-select
v-model:value="encryption" v-model:value="encryption"
mb-4 mb-4
@ -139,15 +139,15 @@ const { download } = useDownloadFileFromBase64({ source: qrcode, filename: 'qr-c
<n-color-picker v-model:value="background" :modes="['hex']" /> <n-color-picker v-model:value="background" :modes="['hex']" />
</n-form-item> </n-form-item>
</n-form> </n-form>
</n-gi> </div>
<n-gi v-if="qrcode"> <div v-if="qrcode">
<div flex flex-col items-center gap-3> <div flex flex-col items-center gap-3>
<img alt="wifi-qrcode" :src="qrcode" width="200" /> <img alt="wifi-qrcode" :src="qrcode" width="200">
<c-button @click="download"> <c-button @click="download">
Download qr-code Download qr-code
</c-button> </c-button>
</div> </div>
</n-gi> </div>
</n-grid> </div>
</c-card> </c-card>
</template> </template>