ui tweaks

4 files changed, 9 insertions, 29 deletions

diff --git a/src/components/Account.svelte b/src/components/Account.svelte
index 5641226f..750907f5 100644
--- a/src/components/Account.svelte
+++ b/src/components/Account.svelte
@@ -122,7 +122,7 @@
 </script>
 
 <div
-  class="shadow-lg space-y-4 p-4 cursor-pointer hover:bg-base-200"
+  class="space-y-4 p-4 cursor-pointer hover:bg-base-200"
   aria-label="Payments"
   data-testid="account-card"
   data-account-type={accountType}
@@ -135,10 +135,11 @@
     <Balance {balance} {user} {rate} {id} />
     <a
       href={`/account/${id}`}
-      class="font-bold text-lg opacity-60 hover:opacity-100 transition-opacity flex items-center gap-2 shrink-0"
+      class="text-lg flex items-center gap-2 shrink-0 text-gray-600"
       aria-label="Account settings"
       onclick={goSettings}
     >
+      {displayName}
       {#if isArk}
         <img src="/images/ark.png" class="w-8 h-8 rounded-full object-cover" alt="Ark" />
       {:else if seed || (user.seed && fingerprint)}
@@ -146,7 +147,6 @@
       {:else}
         <img src="/images/icon.png" class="w-8 h-8" alt="Coinos" />
       {/if}
-      {displayName}
     </a>
   </div>
 
diff --git a/src/components/InvoiceActions.svelte b/src/components/InvoiceActions.svelte
index 5b2cc90b..356fe18a 100644
--- a/src/components/InvoiceActions.svelte
+++ b/src/components/InvoiceActions.svelte
@@ -66,23 +66,6 @@
     </button>
   </div>
 
-  <div class="flex flex-wrap gap-2 justify-around text-secondary w-full">
-    <button type="button" class="btn !w-auto grow" onclick={() => copy(txt)}>
-      <iconify-icon noobserver icon="ph:copy-bold" width="32"></iconify-icon>
-      <div class="my-auto">{t("payments.copy")}</div>
-    </button>
-
-    <button class="btn grow !w-auto" onclick={() => goto("/receive")}>
-      <iconify-icon noobserver icon="ph:clipboard-text-bold" width="32"></iconify-icon>
-      <div class="my-auto text-lg">{t("user.send.paste")}</div>
-    </button>
-
-    <button class="btn grow !w-auto" onclick={() => goto("/scan")}>
-      <iconify-icon noobserver icon="ph:camera-bold" width="32"></iconify-icon>
-      <div class="my-auto text-lg">{t("user.send.scan")}</div>
-    </button>
-  </div>
-
   {#if txt?.length > 120}
     <div class="w-full flex justify-center gap-2 flex-wrap">
       <button class="btn" onclick={() => (showQr = !showQr)}>
@@ -118,7 +101,7 @@
       </button>
     {/if}
 
-    {#if !account?.seed}
+    {#if !account?.seed && !(account?.pubkey && account?.fingerprint)}
       <button
         class="btn flex-nowrap !w-auto grow"
         class:bg-base-300={type === types.bitcoin}
diff --git a/src/components/InvoiceData.svelte b/src/components/InvoiceData.svelte
index 64f0f4d9..2852e97a 100644
--- a/src/components/InvoiceData.svelte
+++ b/src/components/InvoiceData.svelte
@@ -53,13 +53,10 @@
 {#if !showQr || txt?.length <= 120}
   <div
     data-testid="invoice-text"
+onclick={() => copy(txt)} aria-label="Copy invoice"
     class="break-all text-center text-secondary text-xl flex gap-1 items-center justify-center"
   >
     {txt}
-
-    <button type="button" onclick={() => copy(txt)} aria-label="Copy invoice">
-      <iconify-icon noobserver icon="ph:copy-bold" width="32"></iconify-icon>
-    </button>
   </div>
 {/if}
 
diff --git a/src/components/SetMemo.svelte b/src/components/SetMemo.svelte
index e9f2524b..363c18f4 100644
--- a/src/components/SetMemo.svelte
+++ b/src/components/SetMemo.svelte
@@ -6,14 +6,14 @@
 
 {#if settingMemo}
   <div class="fixed inset-0 bg-base-100/90 overflow-y-auto h-full w-full z-50">
-    <div class="relative mx-auto p-12 max-w-xl shadow-lg rounded-md bg-base-100 space-y-5">
+    <div class="relative mx-auto mt-24 p-12 max-w-xl shadow-lg rounded-md bg-base-100 space-y-5">
       <form onsubmit={setMemo} class="space-y-5">
-        <input use:focus placeholder={t("invoice.memo")} bind:value={memo} />
+        <input type="text" use:focus placeholder={t("invoice.memo")} bind:value={memo} />
         <div class="w-full flex flex-wrap gap-2">
-          <button bind:this={submit} type="submit" onclick={setMemo} class="btn btn-accent">
+          <button bind:this={submit} type="submit" onclick={setMemo} class="btn btn-accent !w-auto grow">
             <div class="my-auto">{t("payments.ok")}</div>
           </button>
-          <button type="button" class="btn" onclick={toggleMemo} onkeydown={toggleMemo}>
+          <button type="button" class="btn !w-auto grow" onclick={toggleMemo} onkeydown={toggleMemo}>
             <div class="my-auto">{t("payments.cancel")}</div>
           </button>
         </div>