aboutsummaryrefslogtreecommitdiffstats
path: root/src/routes/(app)/scan
diff options
context:
space:
mode:
authorAdam Soltys <[email protected]>2023-12-01 20:04:13 -0800
committerAdam Soltys <[email protected]>2023-12-01 20:04:13 -0800
commit216a600224fde22ce76b367557a02094ec693886 (patch)
treed1189bbaa39db204633523132a7d4767b952717d /src/routes/(app)/scan
parent7d9bc1f54dfd04172e8d6d43ebc2efd6f407e833 (diff)
downloadcoinos-ui-216a600224fde22ce76b367557a02094ec693886.tar.gz
coinos-ui-216a600224fde22ce76b367557a02094ec693886.zip
prettier
Diffstat (limited to 'src/routes/(app)/scan')
-rw-r--r--src/routes/(app)/scan/+page.svelte63
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>