src/components/Qr.svelte


1
2
3
4
5
6
7
8
9
10
11
12
13
14

<script>
  import screenfull from "screenfull";
  export let src;
  let qr;
</script>

<div
  class="w-80 mx-auto my-5 cursor-pointer"
  bind:this={qr}
  on:click={() => screenfull.toggle(qr)}
  on:keydown={() => screenfull.toggle(qr)}
>
  <img {src} class="mx-auto" alt="QR Code" />
</div>