From 6b0eca67572620d1a8265917cb2134235994ec72 Mon Sep 17 00:00:00 2001
From: Adam Soltys <adam@coinos.io>
Date: Sat, 26 Jul 2025 16:50:02 -0700
Subject: new qr

---
 src/routes/(app)/[username]/accepted/[text]/+page.svelte | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

(limited to 'src')

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>
-- 
cgit v1.2.3