From 2f264b6f51ecdc24d8776ccbca03f668155c4f44 Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Sat, 20 Apr 2024 14:38:49 -0700
Subject: pay now button

---
 src/routes/(app)/[username]/(profile)/+page.svelte | 51 ++++++++++++----------
 1 file changed, 27 insertions(+), 24 deletions(-)

diff --git a/src/routes/(app)/[username]/(profile)/+page.svelte b/src/routes/(app)/[username]/(profile)/+page.svelte
index 9a34117e..1dd8f573 100644
--- a/src/routes/(app)/[username]/(profile)/+page.svelte
+++ b/src/routes/(app)/[username]/(profile)/+page.svelte
@@ -278,34 +278,37 @@
       </button>
     {/each}
   </div>
-  <div class="fixed inset-x-0 mx-autoflex" class:bottom-16={items.length} class:static={!items.length}>
-  {#if total > 0}
-    <button
-      class="rounded-2xl py-5 px-6 font-bold hover:bg-neutral-700 flex bg-black text-white mx-auto"
-      on:click={checkout}
-    >
-      <div class="mx-auto flex">
-        <div class="my-auto text-2xl">
-          {$t("user.dashboard.checkout")}
-          {f(total, currency)}
-          <span class="text-base">
-            {sat(btc(total, rate), currency)}
-          </span>
-        </div>
-      </div>
-    </button>
-  {:else if user?.username !== subject.username}
-    <a href={`/pay/${subject.username}`} class="contents">
+  <div
+    class="fixed inset-x-0 mx-auto flex bottom-16"
+    class:static={!items.length}
+  >
+    {#if total > 0}
       <button
         class="rounded-2xl py-5 px-6 font-bold hover:bg-neutral-700 flex bg-black text-white mx-auto"
+        on:click={checkout}
       >
-        <div class="mx-auto flex gap-2">
-            <Icon icon="send" style="w-8 invert" />
-            <div class="my-auto text-2xl">{$t("user.dashboard.payNow")}</div>
+        <div class="mx-auto flex">
+          <div class="my-auto text-2xl">
+            {$t("user.dashboard.checkout")}
+            {f(total, currency)}
+            <span class="text-base">
+              {sat(btc(total, rate), currency)}
+            </span>
+          </div>
         </div>
       </button>
-    </a>
-  {/if}
+    {:else if user?.username !== subject.username}
+      <a href={`/pay/${subject.username}`} class="contents">
+        <button
+          class="rounded-2xl py-5 px-6 font-bold hover:bg-neutral-700 flex bg-black text-white mx-auto"
+        >
+          <div class="mx-auto flex gap-2">
+            <Icon icon="send" style="w-8 invert" />
+            <div class="my-auto text-2xl">{$t("user.dashboard.payNow")}</div>
+          </div>
+        </button>
+      </a>
+    {/if}
   </div>
 </div>
 
@@ -323,6 +326,6 @@
   }
 
   .bottom-half {
-    @apply bottom-1/2
+    @apply bottom-1/2;
   }
 </style>
-- 
cgit v1.2.3