From 3c29d23da4e9d8484488e8d6e4435ca7e7401bd9 Mon Sep 17 00:00:00 2001
From: Adam Soltys <adam@coinos.io>
Date: Fri, 22 Nov 2024 09:22:32 -0800
Subject: fix pay button

---
 src/routes/(app)/[username]/(profile)/+page.svelte | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

(limited to 'src')

diff --git a/src/routes/(app)/[username]/(profile)/+page.svelte b/src/routes/(app)/[username]/(profile)/+page.svelte
index b3b91405..b754a886 100644
--- a/src/routes/(app)/[username]/(profile)/+page.svelte
+++ b/src/routes/(app)/[username]/(profile)/+page.svelte
@@ -56,7 +56,7 @@
   <Items {items} {subject} {user} {total} {currency} {rate} />
 
   <div
-    class="fixed inset-x-0 mx-auto flex bottom-16"
+    class="fixed inset-x-0 mx-auto flex bottom-16 px-4"
     class:static={!items.length}
   >
     {#if total > 0}
@@ -81,15 +81,12 @@
           : `/pay/${subject.username}`}
         class="contents"
       >
-        <button
-          class="rounded-2xl py-5 px-6 min-w-[200px] font-bold hover:bg-neutral-700 flex bg-black text-white mx-auto"
-        >
-          <div class="mx-auto flex gap-2">
-            <div class="text-4xl my-auto">⚡️</div>
-            <div class="my-auto text-2xl">
-              {$t("user.pay")}
-              {subject.username}
-            </div>
+        <button class="btn btn-accent !text-2xl items-center !w-full sm:!max-w-[400px] mx-auto">
+          <iconify-icon icon="ph:lightning-fill" class="text-yellow-300"
+          ></iconify-icon>
+          <div>
+            {$t("user.pay")}
+            {subject.username}
           </div>
         </button>
       </a>
-- 
cgit v1.2.3