aboutsummaryrefslogtreecommitdiffstats
path: root/src
diff options
context:
space:
mode:
authorAdam Soltys <[email protected]>2025-07-26 16:50:02 -0700
committerAdam Soltys <[email protected]>2025-07-26 16:50:02 -0700
commit6b0eca67572620d1a8265917cb2134235994ec72 (patch)
treefcfb85e9a2423eb37219b2c38bdd6b4cc27bdc3d /src
parent5cb0949e2f06eea81cd5b8764cef71bd6f42a2b1 (diff)
downloadcoinos-ui-6b0eca67572620d1a8265917cb2134235994ec72.tar.gz
coinos-ui-6b0eca67572620d1a8265917cb2134235994ec72.zip
new qr
Diffstat (limited to 'src')
-rw-r--r--src/routes/(app)/[username]/accepted/[text]/+page.svelte13
1 files changed, 8 insertions, 5 deletions
diff --git a/src/routes/(app)/[username]/accepted/[text]/+page.svelte b/src/routes/(app)/[username]/accepted/[text]/+page.svelte
index 9770c937..090a873d 100644
--- a/src/routes/(app)/[username]/accepted/[text]/+page.svelte
+++ b/src/routes/(app)/[username]/accepted/[text]/+page.svelte
@@ -6,13 +6,12 @@
let { nfc, text } = $derived(data);
let { username } = $derived(data.subject);
let url = `https://coinos.io/p/${username.toLowerCase()}`;
-
- let icon;
- if (nfc) icon = "nfc.png";
</script>
<div class="px-2">
- <div class="border-8 border-black p-8 max-w-[580px] mx-auto mt-20 space-y-2 rounded-3xl">
+ <div
+ class="border-8 border-black p-8 max-w-[580px] mx-auto mt-20 space-y-2 rounded-3xl relative"
+ >
<div class="flex gap-2 mx-auto justify-center">
<!-- <img src="/images/bitcoin.png" class="w-16 h-16 my-auto" /> -->
<img src="/images/bitcoin-logo.png" class="my-auto w-[400px]" />
@@ -20,7 +19,11 @@
<!-- bitcoin -->
<!-- </h3> -->
</div>
- <Qr {text} {icon} />
+ {#if nfc}
+ <img src="/images/tap.png" class="w-24 absolute top-40 left-4" />
+ <img src="/images/arrow.png" class="w-24 scale-x-[-1] rotate-[105deg] absolute top-52 left-32 w-16 h-52" />
+ {/if}
+ <Qr {text} />
<div class="text-center text-4xl font-bold break-all">
coinos.io/{username.toLowerCase()}
</div>