diff options
Diffstat (limited to 'src/components/Qr.svelte')
| -rw-r--r-- | src/components/Qr.svelte | 14 |
1 files changed, 7 insertions, 7 deletions
diff --git a/src/components/Qr.svelte b/src/components/Qr.svelte index 72655ebc..da4ceb00 100644 --- a/src/components/Qr.svelte +++ b/src/components/Qr.svelte @@ -1,18 +1,18 @@ <script> import screenfull from "screenfull"; - let { text } = $props(); + let { icon, text } = $props(); let qr = $state(); + + let src = `/qr/${encodeURIComponent(text)}`; + if (icon) src += `/${icon}`; + else src += "/raw"; </script> <div - class="w-80 mx-auto cursor-pointer" + class="w-72 sm:w-80 mx-auto cursor-pointer" bind:this={qr} onclick={() => screenfull.toggle(qr)} onkeydown={() => screenfull.toggle(qr)} > - <img - src={`/qr/${encodeURIComponent(text)}/raw`} - class="mx-auto" - alt="QR Code" - /> + <img {src} class="mx-auto" alt="QR Code" /> </div> |