diff options
| author | Adam Soltys <[email protected]> | 2023-12-01 20:04:13 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2023-12-01 20:04:13 -0800 |
| commit | 216a600224fde22ce76b367557a02094ec693886 (patch) | |
| tree | d1189bbaa39db204633523132a7d4767b952717d /src/routes/(app)/scan | |
| parent | 7d9bc1f54dfd04172e8d6d43ebc2efd6f407e833 (diff) | |
| download | coinos-ui-216a600224fde22ce76b367557a02094ec693886.tar.gz coinos-ui-216a600224fde22ce76b367557a02094ec693886.zip | |
prettier
Diffstat (limited to 'src/routes/(app)/scan')
| -rw-r--r-- | src/routes/(app)/scan/+page.svelte | 63 |
1 files changed, 35 insertions, 28 deletions
diff --git a/src/routes/(app)/scan/+page.svelte b/src/routes/(app)/scan/+page.svelte index 8c5ea0a5..033eb28b 100644 --- a/src/routes/(app)/scan/+page.svelte +++ b/src/routes/(app)/scan/+page.svelte @@ -1,44 +1,51 @@ <script> - import { Icon } from '$comp'; - import QrScanner from 'qr-scanner'; - import { onMount, onDestroy } from 'svelte'; - import { back } from '$lib/utils'; - import { goto } from '$app/navigation'; + import { Icon } from "$comp"; + import QrScanner from "qr-scanner"; + import { onMount, onDestroy } from "svelte"; + import { back } from "$lib/utils"; + import { goto } from "$app/navigation"; - let scanner, vid; - onMount(() => { - scanner = new QrScanner(vid, ({ data }) => scanner.stop() || goto(`/send/${encodeURI(data)}`), { - highlightScanRegion: true, - highlightCodeOutline: true - }); - scanner.start(); - }); + let scanner, vid; + onMount(() => { + scanner = new QrScanner( + vid, + ({ data }) => scanner.stop() || goto(`/send/${encodeURI(data)}`), + { + highlightScanRegion: true, + highlightCodeOutline: true, + } + ); + scanner.start(); + }); - onDestroy(() => scanner?.stop()); + onDestroy(() => scanner?.stop()); </script> <button class="ml-5 md:ml-20 mt-5 md:mt-10 hover:opacity-80" on:click={back}> - <Icon icon="arrow-left" style="w-10" /> + <Icon icon="arrow-left" style="w-10" /> </button> <div class="flex w-full mb-4 px-4"> - <div class="bg-black mx-auto rounded-3xl"> - <video - bind:this={vid} - class="border-4 rounded-3xl border-black md:max-w-[600px] !max-h-[80vh] !min-w-[300px]" - /> - </div> + <div class="bg-black mx-auto rounded-3xl"> + <video + bind:this={vid} + class="border-4 rounded-3xl border-black md:max-w-[600px] !max-h-[80vh] !min-w-[300px]" + /> + </div> </div> <div class="flex w-full mb-4"> - <button class="mx-auto border rounded-full px-6 py-2 font-bold hover:opacity-80" on:click={back}> - Cancel - </button> + <button + class="mx-auto border rounded-full px-6 py-2 font-bold hover:opacity-80" + on:click={back} + > + Cancel + </button> </div> <style> - video { - transition: transform 0.3s ease-out; - transform: scale(1); - } + video { + transition: transform 0.3s ease-out; + transform: scale(1); + } </style> |
