diff options
| -rw-r--r-- | src/routes/(app)/send/[...text]/+page.svelte | 45 |
1 files changed, 24 insertions, 21 deletions
diff --git a/src/routes/(app)/send/[...text]/+page.svelte b/src/routes/(app)/send/[...text]/+page.svelte index 3abc04ea..39f1f530 100644 --- a/src/routes/(app)/send/[...text]/+page.svelte +++ b/src/routes/(app)/send/[...text]/+page.svelte @@ -1,29 +1,32 @@ -<script> - import { page } from '$app/stores'; - import { fly } from 'svelte/transition'; - import { enhance } from '$app/forms'; - import { tick } from 'svelte'; - import { browser } from '$app/environment'; - import { t } from '$lib/translations'; - import { Avatar, Icon, Spinner } from '$comp'; - import { back, failure } from '$lib/utils'; - import { format, parseISO } from 'date-fns'; + <script> + import { page } from '$app/stores'; + import { fly } from 'svelte/transition'; + import { enhance } from '$app/forms'; + import { tick } from 'svelte'; + import { browser } from '$app/environment'; + import { t } from '$lib/translations'; + import { Avatar, Icon, Spinner } from '$comp'; + import { back, failure } from '$lib/utils'; + import { format, parseISO } from 'date-fns'; - export let data; - export let form; + export let data; + export let form; - let { contacts } = data; + let { contacts } = data; + let w; - let el, textarea, text; - let placeholder = 'Paste a bitcoin address, lightning invoice or coinos username'; + let el, textarea, text; + let placeholder = 'Paste a bitcoin address, lightning invoice or coinos username'; - $: $page && setTimeout(() => textarea?.focus(), 0); - let keypress = (e) => e.key === 'Enter' && (e.preventDefault() || el.click()); + $: $page && setTimeout(() => w > 800 && textarea?.focus(), 0); + let keypress = (e) => e.key === 'Enter' && (e.preventDefault() || el.click()); - let paste = async () => { - text = await navigator.clipboard.readText(); - }; -</script> + let paste = async () => { + text = await navigator.clipboard.readText(); + }; + </script> + +<svelte:window bind:innerWidth={w} /> <button class="ml-5 md:ml-20 mt-5 md:mt-10 hover:opacity-80" on:click={back}> <Icon icon="arrow-left" style="w-10" /> |