src/components/Qr.svelte


1
2
3
4
5
6
7
8
9

<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" />
</div>