diff options
| author | Adam Soltys <[email protected]> | 2023-11-01 12:18:26 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2023-11-11 00:04:22 -0800 |
| commit | aeb5f5001eaa3613335784f74c491ffc442ce318 (patch) | |
| tree | 36ee076ae851c2c8508201770c61792bcb2d7b3b /src/routes/(app)/qr | |
| parent | e2608b3fe00d4575c08846af4f7a192e4f1100ed (diff) | |
| download | coinos-ui-aeb5f5001eaa3613335784f74c491ffc442ce318.tar.gz coinos-ui-aeb5f5001eaa3613335784f74c491ffc442ce318.zip | |
user details
Diffstat (limited to 'src/routes/(app)/qr')
| -rw-r--r-- | src/routes/(app)/qr/[text]/+page.svelte | 21 |
1 files changed, 17 insertions, 4 deletions
diff --git a/src/routes/(app)/qr/[text]/+page.svelte b/src/routes/(app)/qr/[text]/+page.svelte index 9e56ab29..f3cd791a 100644 --- a/src/routes/(app)/qr/[text]/+page.svelte +++ b/src/routes/(app)/qr/[text]/+page.svelte @@ -1,11 +1,24 @@ <script> - import { Qr } from '$comp'; + import { Icon, Qr } from '$comp'; + import { back } from "$lib/utils"; export let data; let { src, text } = data; </script> -<Qr {src} /> -<div class="text-center w-full font-bold"> - {text} +<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" /> +</button> + + +<div class="container px-4 max-w-4xl mx-auto mt-10 space-y-5"> + <div class="flex justify-center items-center"> + <div class="md:shadow-xl rounded-3xl md:px-10 pt-5 pb-10 space-y-5 w-full md:mx-5"> + <Qr {src} /> + + <div class="text-center w-full text-2xl py-10 break-all"> + {text} + </div> + </div> + </div> </div> |