separate messages page

1 files changed, 15 insertions, 31 deletions

diff --git a/src/routes/(app)/send/[...text]/+page.svelte b/src/routes/(app)/send/[...text]/+page.svelte
index 489650a5..e7490d63 100644
--- a/src/routes/(app)/send/[...text]/+page.svelte
+++ b/src/routes/(app)/send/[...text]/+page.svelte
@@ -20,7 +20,6 @@
 
   let el, text;
 
-
   let keypress = (e) => e.key === "Enter" && (e.preventDefault() || el.click());
 
   let paste = async () => {
@@ -36,7 +35,7 @@
     {$t("payments.send")}
   </h1>
 
-  <form method="POST" use:enhance>
+  <form method="POST" use:enhance class="space-y-2 text-xl">
     {#if form?.error}
       <div class="mb-5">
         <div class="text-red-600">
@@ -49,31 +48,18 @@
       <textarea
         use:focus
         name="text"
-          placeholder={$t("user.send.placeholder")}
+        placeholder={$t("user.send.placeholder")}
         on:keypress={keypress}
-        class="w-full p-4 border rounded-xl h-48"
+        class="w-full p-4 border rounded-xl h-48 text-xl"
         bind:value={text}
       />
     </div>
 
-    <div class="grid grid-cols-2 md:grid-cols-4 gap-2">
-      <a
-        href={`/qr/${encodeURIComponent(text)}`}
-        class:invisible={!text?.length}
-      >
-        <button
-          type="button"
-          class="flex border rounded-full px-6 py-2 font-bold hover:opacity-80 mr-1 w-full"
-        >
-          <Icon icon="qr" style="mr-2 w-6 my-auto invert" />
-          <div class="my-auto">{$t("user.send.makeQR")}</div>
-        </button>
-      </a>
-
+    <div class="flex gap-2">
       <a href="/scan" class="w-full">
         <button
           type="button"
-          class="flex border rounded-full px-6 py-2 font-bold hover:opacity-80 mr-1 w-full"
+          class="flex border rounded-2xl px-6 py-5 font-bold hover:opacity-80 w-full bg-primary justify-center"
         >
           <Icon icon="camera" style="mr-2 w-6 my-auto" />
           <div class="my-auto">{$t("user.send.scan")}</div>
@@ -82,28 +68,26 @@
 
       <button
         type="button"
-        class="flex border rounded-full px-6 py-2 font-bold hover:opacity-80 mr-1"
+        class="flex border rounded-2xl px-6 py-5 font-bold hover:opacity-80 w-full bg-primary justify-center"
         on:click={paste}
       >
         <Icon icon="paste" style="mr-2 w-6 my-auto" />
         <div class="my-auto">{$t("user.send.paste")}</div>
       </button>
-
-      <button
-        bind:this={el}
-        type="submit"
-        class="{!text
-          ? 'opacity-50'
-          : 'opacity-100 hover:opacity-80'} bg-black text-white border rounded-full px-6 py-2 font-bold"
-      >
-        {$t("user.send.next")}
-      </button>
     </div>
+
+    <button
+      bind:this={el}
+      type="submit"
+      class="bg-black text-white border rounded-2xl px-6 py-5 w-full font-bold"
+    >
+      {$t("user.send.next")}
+    </button>
   </form>
 
   {#if contacts.length}
     <div class="space-y-5">
-      <h1 class="px-3 md:px-0 text-xl font-semibold mt-10">
+      <h1 class="px-3 md:px-0 text-2xl font-semibold mt-10">
         {$t("user.send.contacts")}
       </h1>
       <div>