From 35ebb0e86b3c278a25a198d0820195c6a40b394c Mon Sep 17 00:00:00 2001
From: KirCute_ECT <951206789@qq.com>
Date: Mon, 30 Dec 2024 23:00:40 +0800
Subject: [PATCH] feat(web): adaptive qr code image scale (#220)

---
 src/pages/home/previews/download.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/pages/home/previews/download.tsx b/src/pages/home/previews/download.tsx
index 01c39abd25..163fc2a1cf 100644
--- a/src/pages/home/previews/download.tsx
+++ b/src/pages/home/previews/download.tsx
@@ -21,7 +21,10 @@ export const Download = (props: { openWith?: boolean }) => {
   const t = useT()
   const { copyCurrentRawLink } = useCopyLink()
   const [qrUrl, setQrUrl] = createSignal("")
-  QRCode.toDataURL(objStore.raw_url).then((url) => setQrUrl(url))
+  QRCode.toDataURL(objStore.raw_url, {
+    type: "image/jpeg",
+    scale: 2,
+  }).then((url) => setQrUrl(url))
   const [pinned, setPinned] = createSignal(false)
   const [hover, setHover] = createSignal(false)
   return (
@@ -49,7 +52,7 @@ export const Download = (props: { openWith?: boolean }) => {
             <PopoverArrow />
             <PopoverBody>
               <Image
-                boxSize="100px"
+                maxWidth="300px"
                 src={qrUrl()}
                 alt="QR Code of download link"
                 objectFit="cover"