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>