diff options
| author | Adam Soltys <[email protected]> | 2022-10-26 00:54:55 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2022-10-26 00:55:58 -0700 |
| commit | 9c95c7889ff6901bee13e77860172e03500cd9cd (patch) | |
| tree | 0b673c6b0bb3c17cd577345a5787b543d593c219 /src/routes/send | |
| parent | 2091cf76cfa67d37dc8f058cc62d0aa1050eef3c (diff) | |
| download | coinos-ui-9c95c7889ff6901bee13e77860172e03500cd9cd.tar.gz coinos-ui-9c95c7889ff6901bee13e77860172e03500cd9cd.zip | |
transaction filters
Diffstat (limited to 'src/routes/send')
| -rw-r--r-- | src/routes/send/[...text]/+page.svelte | 25 | ||||
| -rw-r--r-- | src/routes/send/user/[username]/[...amount]/+page.svelte | 11 |
2 files changed, 17 insertions, 19 deletions
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} |