From 9c95c7889ff6901bee13e77860172e03500cd9cd Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Wed, 26 Oct 2022 00:54:55 -0700
Subject: transaction filters

---
 src/routes/send/[...text]/+page.svelte             | 25 +++++++++++-----------
 .../send/user/[username]/[...amount]/+page.svelte  | 11 +++++-----
 2 files changed, 17 insertions(+), 19 deletions(-)

(limited to 'src/routes/send')

diff --git a/src/routes/send/[...text]/+page.svelte b/src/routes/send/[...text]/+page.svelte
index fe949617..1311422e 100644
--- a/src/routes/send/[...text]/+page.svelte
+++ b/src/routes/send/[...text]/+page.svelte
@@ -10,8 +10,8 @@
 	export let form;
 
 	let el;
-	let placeholder = 'Address, Invoice or Username';
-	let text = placeholder;
+	let placeholder = 'Paste a bitcoin address, lightning invoice or coinos username';
+	let text;
 
 	let focus = () => text === placeholder && (text = '');
 	let keypress = (e) => e.key === 'Enter' && (e.preventDefault() || el.click());
@@ -25,7 +25,11 @@
 	<Icon icon="arrow-left" style="w-10" />
 </button>
 
-<form method="POST" class="container px-4 mt-20 max-w-xl mx-auto" use:enhance>
+<h1 class="px-3 md:px-0 text-center text-3xl md:text-4xl font-semibold mb-8">
+	Send bitcoin or lightning
+</h1>
+
+<form method="POST" class="container px-4 max-w-xl mx-auto" use:enhance>
 	{#if form?.error}
 		<div class="text-red-600 text-center" in:fly>
 			{form.error}
@@ -35,17 +39,12 @@
 		<label for="invoice" class="font-bold mb-1 block">To</label>
 		<input type="hidden" name="text" bind:value={text} />
 
-		<div
-			class="expandable-textarea"
-			class:text-gray-400={text === placeholder}
-			role="textbox"
-			contenteditable
-			bind:textContent={text}
-			on:focus={focus}
+		<textarea
+			{placeholder}
 			on:keypress={keypress}
-		>
-			{text}
-		</div>
+			class="w-full p-4 border rounded-xl h-48"
+			bind:value={text}
+		/>
 	</div>
 
 	<div class="flex justify-end">
diff --git a/src/routes/send/user/[username]/[...amount]/+page.svelte b/src/routes/send/user/[username]/[...amount]/+page.svelte
index 6f4cb313..89cec12f 100644
--- a/src/routes/send/user/[username]/[...amount]/+page.svelte
+++ b/src/routes/send/user/[username]/[...amount]/+page.svelte
@@ -50,11 +50,10 @@
 	</div>
 {/if}
 
-<div class="container px-4 mt-20 max-w-xl mx-auto">
+<div class="container px-4 mt-20 max-w-xl mx-auto space-y-8">
 	{#if amount}
-		<div class="text-center mb-8">
-			<h1 class="text-xl md:text-2xl text-secondary mb-2">Send</h1>
-			<p class="text-6xl break-words mb-4">
+		<div class="text-center mb-8 space-y-5">
+			<p class="text-5xl break-words">
 				{fiat ? f(amountFiat, currency) : s(amount)}
 				{#if !fiat}
 					<span class="text-xl md:text-2xl text-secondary">sats</span>
@@ -64,8 +63,8 @@
 			<h1 class="text-xl md:text-2xl text-secondary mb-2">to</h1>
 
 			<div class="flex p-1 gap-2 justify-center">
-				<Avatar user={recipient} />
-				<p class="text-6xl break-words my-auto">{recipient.username}</p>
+				<Avatar user={recipient} size={'20'} />
+				<p class="text-4xl break-words my-auto">{recipient.username}</p>
 			</div>
 		</div>
 	{:else}
-- 
cgit v1.2.3