danvics/Sink
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix styling of qr

Browse source
This commit is contained in:
7heMech 2025-03-02 16:39:26 +00:00
parent 31731c5bed
commit 7bd6461814
1 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
components/dashboard/links/QRCode.vue
View file

@ -2,7 +2,7 @@
import { Button } from '#components' import { Button } from '#components'
import { Download } from 'lucide-vue-next' import { Download } from 'lucide-vue-next'
import QRCodeStyling from 'qr-code-styling' import QRCodeStyling from 'qr-code-styling'
import { ref, watch } from 'vue' import { onMounted, ref, watch } from 'vue'
const props = defineProps({ const props = defineProps({
data: { data: {
@ -102,12 +102,14 @@ onMounted(() => {
<div <div
ref="qrCodeEl" ref="qrCodeEl"
:data-text="data" :data-text="data"
class="bg-white p-1 rounded-lg"
/> />
<div class="flex items-center gap-2"> <div class="flex items-center gap-4">
<div class="relative flex items-center"> <div class="relative flex items-center">
<div <div
class="w-8 h-8 rounded-full border cursor-pointer overflow-hidden" class="w-8 h-8 rounded-full border border-gray-300 dark:border-gray-600 cursor-pointer overflow-hidden"
:style="{ backgroundColor: color }" :style="{ backgroundColor: color }"
title="Change QR code color"
> >
<input <input
v-model="color" v-model="color"