cleanup homepage

2 files changed, 14 insertions, 23 deletions

diff --git a/src/components/Account.svelte b/src/components/Account.svelte
index 4338745e..7c72eed5 100644
--- a/src/components/Account.svelte
+++ b/src/components/Account.svelte
@@ -13,11 +13,7 @@
   let setAccount = () => (document.cookie = `aid=${id}; path=/; max-age=86400`);
 </script>
 
-<a
-  href={`/payments`}
-  class="px-2 border-b block last:border-none"
-  on:click={setAccount}
->
+<a href={`/payments`} class="block space-y-2" on:click={setAccount}>
   <div class="flex">
     <Balance {balance} {user} {rate} />
     {#if seed}
@@ -29,9 +25,9 @@
     {/if}
   </div>
 
-  <div class="flex justify-center w-full text-xl">
+  <div class="flex justify-center w-full text-lg gap-2">
     <a href={`/invoice`} class="contents" on:click={setAccount}>
-      <button class="py-5 px-4 hover:opacity-80 flex grow">
+      <button class="py-3 px-4 hover:opacity-80 flex grow border rounded-2xl">
         <div class="mx-auto flex gap-2">
           <Icon icon="receive" style="w-8" />
           <div class="my-auto">{$t("user.dashboard.receive")}</div>
@@ -39,20 +35,15 @@
       </button>
     </a>
 
-    <a href={`/scan`} class="contents" on:click={setAccount}>
-      <button class="py-5 px-4 hover:opacity-80 flex shrink">
-        <div class="mx-auto flex gap-2">
-          <Icon icon="camera" style="w-8" />
-        </div>
-      </button>
-    </a>
-
     <a href={`/send`} class="contents grow" on:click={setAccount}>
-      <button type="button" class="py-5 px-6 hover:opacity-80 flex grow">
-        <div class="mx-auto flex gap-1">
-          <Icon icon="send" style="w-8" />
-          <div class="my-auto">{$t("user.dashboard.send")}</div>
-        </div>
+      <button
+                      type="button"
+                      class="py-3 px-4 hover:opacity-80 flex grow border rounded-2xl"
+                      >
+                      <div class="mx-auto flex gap-1">
+                        <Icon icon="send" style="w-8" />
+                        <div class="my-auto">{$t("user.dashboard.send")}</div>
+                      </div>
       </button>
     </a>
   </div>
diff --git a/src/components/Balance.svelte b/src/components/Balance.svelte
index 51c56555..3e913615 100644
--- a/src/components/Balance.svelte
+++ b/src/components/Balance.svelte
@@ -13,7 +13,7 @@
   <Pin cancel={() => (show = false)} />
 {/if}
 
-<div class="space-y-2">
+<div>
   {#if user.haspin && !$pin}
     <button
       class="flex gap-2 text-xl rounded-2xl border py-5 px-6 hover:opacity-80 bg-black text-white font-bold"
@@ -23,7 +23,7 @@
       <div class="my-auto">{$t("user.showBalance")}</div></button
     >
   {:else}
-    <div class="text-5xl font-bold tabular-nums">
+    <div class="text-4xl font-bold tabular-nums">
       {#if isNaN(rate)}
         <div class="text-gray-200">&mdash;</div>
       {:else}
@@ -31,7 +31,7 @@
       {/if}
     </div>
 
-    <div class="text-secondary text-2xl">
+    <div class="text-secondary text-xl">
       ⚡️{s(balance)}
     </div>
   {/if}