feat(web): adaptive qr code image scale (#220)

AlistGo · Dec 30, 2024 · 35ebb0e · anwen-anyi · Jan 29, 2025 · 35ebb0e
1 parent 9160ee1
commit 35ebb0e
Showing 1 changed file with 5 additions and 2 deletions.
diff --git 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"