diff options
| author | Adam Soltys <[email protected]> | 2026-02-11 23:02:30 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2026-02-11 23:02:30 -0800 |
| commit | 2e61e8abbc318c36969cb5add0c63df81135b4ab (patch) | |
| tree | 706396b41da448f0172719313fb6ae30ecebb004 /src | |
| parent | 56a04684c1fb77ea7b21afc6b0d2e1c4773906f6 (diff) | |
| download | coinos-ui-2e61e8abbc318c36969cb5add0c63df81135b4ab.tar.gz coinos-ui-2e61e8abbc318c36969cb5add0c63df81135b4ab.zip | |
formatting
Diffstat (limited to 'src')
80 files changed, 424 insertions, 586 deletions
diff --git a/src/components/About.svelte b/src/components/About.svelte index dbcf7854..874ec8db 100644 --- a/src/components/About.svelte +++ b/src/components/About.svelte @@ -25,9 +25,7 @@ <div class="flex justify-center"> <div class="container space-y-10"> - <h3 class="text-5xl font-medium text-center"> - {$t("about.team.header")} - </h3> + <h3 class="text-5xl font-medium text-center">{$t("about.team.header")}</h3> <div class="space-y-10 2xl:space-y-0 2xl:grid gap-y-10 grid-cols-2"> {#each team as member} <div class="flex w-full"> @@ -36,19 +34,19 @@ <Image image={member.name} style="rounded-full mx-auto w-40 h-40 mb-5 object-cover" /> <div class="space-y-2"> - <span class="text-2xl text-center font-semibold block" - >{$t(`about.team.${member.name}.name`)}</span - > - <span class="text-xl text-center text-secondary block" - >{$t(`about.team.${member.name}.position`)}</span - > + <span class="text-2xl text-center font-semibold block"> + {$t(`about.team.${member.name}.name`)} + </span> + <span class="text-xl text-center text-secondary block"> + {$t(`about.team.${member.name}.position`)} + </span> </div> <div class="mt-2 flex justify-center items-center space-x-5"> {#each member.socials as { alt, src, url }} - <a href={url} class={`rounded-full p-2 hover:opacity-80`} - ><img {src} {alt} class="w-8" /></a - > + <a href={url} class={`rounded-full p-2 hover:opacity-80`}> + <img {src} {alt} class="w-8" /> + </a> {/each} </div> </div> @@ -63,9 +61,7 @@ </div> <div> - <h3 class="text-5xl font-medium mb-5 text-center"> - {$t("about.locations.header")} - </h3> + <h3 class="text-5xl font-medium mb-5 text-center">{$t("about.locations.header")}</h3> <p class="text-secondary text-xl w-full md:w-10/12 lg:w-2/3 2xl:w-[800px] mx-auto mb-10"> {@html $t("about.locations.description")} </p> diff --git a/src/components/Account.svelte b/src/components/Account.svelte index 88b944b3..55766512 100644 --- a/src/components/Account.svelte +++ b/src/components/Account.svelte @@ -155,9 +155,7 @@ <button class="btn !w-auto flex-1 !bg-base-300" data-testid="account-receive"> <iconify-icon noobserver icon="ph:hand-coins-bold" width="32" flip="horizontal" ></iconify-icon> - <div class="my-auto hidden sm:block"> - {$t("user.dashboard.receive")} - </div> + <div class="my-auto hidden sm:block">{$t("user.dashboard.receive")}</div> </button> </a> diff --git a/src/components/AmountField.svelte b/src/components/AmountField.svelte index b5c4261e..56b98d49 100644 --- a/src/components/AmountField.svelte +++ b/src/components/AmountField.svelte @@ -51,9 +51,7 @@ {#if setting} <div class="fixed bg-base-100/90 inset-0 overflow-y-auto h-full w-full z-50 max-w-lg mx-auto"> <div class="relative p-5 border shadow-lg rounded-md bg-base-100 space-y-5"> - <h1 class="text-center text-2xl font-semibold"> - {label} - </h1> + <h1 class="text-center text-2xl font-semibold">{label}</h1> <Numpad bind:amount {currency} {rate} bind:submit={done} bind:element={numpad} /> <button bind:this={done} type="button" onclick={set} class="btn">Ok</button> diff --git a/src/components/AppForm.svelte b/src/components/AppForm.svelte index 2fedca47..cca4844b 100644 --- a/src/components/AppForm.svelte +++ b/src/components/AppForm.svelte @@ -142,8 +142,8 @@ {#if pubkey} <button type="button" class="btn" onclick={del}> <iconify-icon icon="ph:trash-bold" width="32"></iconify-icon> - {$t("accounts.delete")}</button - > + {$t("accounts.delete")} + </button> {/if} </div> </form> diff --git a/src/components/Check.svelte b/src/components/Check.svelte index 222c4dea..e20bde34 100644 --- a/src/components/Check.svelte +++ b/src/components/Check.svelte @@ -3,9 +3,10 @@ fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" - ><path +> + <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" - /></svg -> + /> +</svg> diff --git a/src/components/FaqCard.svelte b/src/components/FaqCard.svelte index c1739495..d92926e3 100644 --- a/src/components/FaqCard.svelte +++ b/src/components/FaqCard.svelte @@ -14,7 +14,5 @@ <div class="mx-auto w-full md:w-2/3 lg:w-[700px] space-y-5"> <p class="text-2xl font-medium">{$t("faq." + questionID + ".question")}</p> - <p class="text-secondary text-xl font-medium"> - {$t("faq." + questionID + ".answer")} - </p> + <p class="text-secondary text-xl font-medium">{$t("faq." + questionID + ".answer")}</p> </div> diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte index 5bf7b461..8e80151c 100644 --- a/src/components/Footer.svelte +++ b/src/components/Footer.svelte @@ -28,9 +28,7 @@ <div class="flex gap-2 justify-center sm:hidden"> <div> <a href="/register"> - <button class="btn"> - {$t("nav.startInSeconds")} - </button> + <button class="btn">{$t("nav.startInSeconds")}</button> </a> </div> </div> @@ -45,9 +43,9 @@ <ul class="mt-5 text-secondary space-y-3 font-medium"> {#each followLinks as link} <li> - <a href={link.url} target="_blank" rel="noreferrer" class="hover:opacity-80" - >{$t("footer." + link.titleID)}</a - > + <a href={link.url} target="_blank" rel="noreferrer" class="hover:opacity-80"> + {$t("footer." + link.titleID)} + </a> </li> {/each} </ul> diff --git a/src/components/InvoiceActions.svelte b/src/components/InvoiceActions.svelte index c6ae7249..5b2cc90b 100644 --- a/src/components/InvoiceActions.svelte +++ b/src/components/InvoiceActions.svelte @@ -62,18 +62,14 @@ <button class="btn grow !w-auto" onclick={toggleMemo}> <iconify-icon noobserver icon="ph:chat-centered-text-bold" width="32"></iconify-icon> - <div class="my-auto"> - {t("invoice.setMemo")} - </div> + <div class="my-auto">{t("invoice.setMemo")}</div> </button> </div> <div class="flex flex-wrap gap-2 justify-around text-secondary w-full"> <button type="button" class="btn !w-auto grow" onclick={() => copy(txt)}> <iconify-icon noobserver icon="ph:copy-bold" width="32"></iconify-icon> - <div class="my-auto"> - {t("payments.copy")} - </div> + <div class="my-auto">{t("payments.copy")}</div> </button> <button class="btn grow !w-auto" onclick={() => goto("/receive")}> @@ -95,10 +91,8 @@ {:else} <iconify-icon noobserver icon="ph:qr-code-bold" width="32"></iconify-icon> {/if} - <div class="my-auto"> - {showQr ? t("payments.showText") : t("payments.showQr")} - </div></button - > + <div class="my-auto">{showQr ? t("payments.showText") : t("payments.showQr")}</div> + </button> </div> {/if} diff --git a/src/components/InvoiceData.svelte b/src/components/InvoiceData.svelte index 142755f0..64f0f4d9 100644 --- a/src/components/InvoiceData.svelte +++ b/src/components/InvoiceData.svelte @@ -43,8 +43,8 @@ <div> <div class="my-auto text-xl text-center text-secondary"> {t("payments.onlyLbtc")} - <span class="text-teal-500 font-bold">L-BTC</span> — - {t("payments.dontDeposit")} + <span class="text-teal-500 font-bold">L-BTC</span> + — {t("payments.dontDeposit")} </div> </div> </div> @@ -67,17 +67,11 @@ {@const itemTotal = i.price * i.quantity} <div class="grid grid-cols-12 text-xl"> <div class="col-span-1 my-auto">{i.quantity}</div> - <div class="mr-auto grow col-span-7 my-auto"> - {i.name} - </div> + <div class="mr-auto grow col-span-7 my-auto">{i.name}</div> {#if $fiat} - <div class="col-span-4 font-semibold text-right my-auto"> - {f(itemTotal, currency)} - </div> + <div class="col-span-4 font-semibold text-right my-auto">{f(itemTotal, currency)}</div> {:else} - <div class="col-span-4 font-semibold text-right my-auto"> - {sat(btc(itemTotal, rate))} - </div> + <div class="col-span-4 font-semibold text-right my-auto">{sat(btc(itemTotal, rate))}</div> {/if} </div> {/each} diff --git a/src/components/InvoiceTypes.svelte b/src/components/InvoiceTypes.svelte index cfde1285..b3c430a2 100644 --- a/src/components/InvoiceTypes.svelte +++ b/src/components/InvoiceTypes.svelte @@ -60,7 +60,7 @@ class:bg-base-300={type === types.lightning && $page.url.pathname.includes("/receive")} class:text-secondary={type === types.lightning && $page.url.pathname.includes("/receive")} class:hidden={activeOnly && - (type !== types.lightning || !$page.url.pathname.includes("/receive"))} + (type !== types.lightning || !$page.url.pathname.includes("/receive"))} onclick={() => { if (activeOnly) toggleType(); else { @@ -99,7 +99,7 @@ class:bg-base-300={type === types.lightning && !$page.url.pathname.includes("/receive")} class:text-secondary={type === types.lightning && !$page.url.pathname.includes("/receive")} class:hidden={activeOnly && - (type !== types.lightning || $page.url.pathname.includes("/receive"))} + (type !== types.lightning || $page.url.pathname.includes("/receive"))} onclick={() => { if (activeOnly) toggleType(); else { @@ -147,8 +147,6 @@ <div></div> <button type="button" class="btn" onclick={toggleType}> <iconify-icon noobserver icon="ph:x-bold" width="32"></iconify-icon> - <div class="my-auto"> - {t("payments.cancel")} - </div> + <div class="my-auto">{t("payments.cancel")}</div> </button> {/if} diff --git a/src/components/LandingHeader.svelte b/src/components/LandingHeader.svelte index 9d8b92cf..1bce2ce2 100644 --- a/src/components/LandingHeader.svelte +++ b/src/components/LandingHeader.svelte @@ -33,22 +33,22 @@ <!-- desktop nav --> <div class="hidden space-x-5 lg:flex justify-center items-center font-bold"> {#if $page.url.pathname === "/"} - <button class="hover:opacity-80" onclick={() => scroll(howItWorks)} - >{$t("howItWorks.header")}</button - > + <button class="hover:opacity-80" onclick={() => scroll(howItWorks)}> + {$t("howItWorks.header")} + </button> <button class="hover:opacity-80" onclick={() => scroll(faq)}>{$t("faq.header")}</button> <button class="hover:opacity-80" onclick={() => scroll(about)}>{$t("about.header")}</button> {/if} {#if user} - <button class="btn !w-auto !rounded-full" onclick={() => goto(`/${user.username}`)} - >{$t("nav.home")} + <button class="btn !w-auto !rounded-full" onclick={() => goto(`/${user.username}`)}> + {$t("nav.home")} </button> <button class="btn !w-auto !rounded-full" onclick={() => goto("/logout")}> {$t("nav.signOut")} </button> {:else} - <button class="btn btn-accent !w-auto !rounded-full" onclick={() => goto("/register")} - >{$t("nav.register")} + <button class="btn btn-accent !w-auto !rounded-full" onclick={() => goto("/register")}> + {$t("nav.register")} </button> <button class="btn !w-auto !rounded-full" onclick={() => goto("/login")}> {$t("nav.signIn")} @@ -67,31 +67,30 @@ <div class="container w-full p-10 lg:hidden absolute top-0 {showMobileMenu - ? 'right-0' - : 'right-[-100%]'} transition-all ease-in-out duration-300 h-[100vh] w-full bg-base-100" + ? 'right-0' + : 'right-[-100%]'} transition-all ease-in-out duration-300 h-[100vh] w-full bg-base-100" > <div class="space-y-5 mt-24 font-bold text-xl"> <LocaleSelector /> <DarkToggle /> - <button onclick={() => mobileMenuButtonClick(howItWorks)} class="block" - >{$t("howItWorks.header")}</button - > + <button onclick={() => mobileMenuButtonClick(howItWorks)} class="block"> + {$t("howItWorks.header")} + </button> <button onclick={() => mobileMenuButtonClick(faq)} class="block">{$t("faq.header")}</button> - <button onclick={() => mobileMenuButtonClick(about)} class="block" - >{$t("about.header")}</button - > + <button onclick={() => mobileMenuButtonClick(about)} class="block"> + {$t("about.header")} + </button> {#if !user} - <button class="btn btn-accent" onclick={() => goto("/register")} - >{$t("nav.register")} - </button> - <button class="btn" onclick={() => goto("/login")}> - {$t("nav.signIn")} + <button class="btn btn-accent" onclick={() => goto("/register")}> + {$t("nav.register")} </button> + <button class="btn" onclick={() => goto("/login")}>{$t("nav.signIn")}</button> {:else} <button class="border rounded-full px-6 py-2 font-bold block" onclick={() => goto(`/${user.username}`)} - >{$t("nav.account")} + > + {$t("nav.account")} </button> <button class="bg-primary text-white border rounded-full px-6 py-2 font-bold block" diff --git a/src/components/LandingInfoCard.svelte b/src/components/LandingInfoCard.svelte index 8b85518c..6052b0c5 100644 --- a/src/components/LandingInfoCard.svelte +++ b/src/components/LandingInfoCard.svelte @@ -8,12 +8,10 @@ <Image {image} style="w-2/3 md:w-5/12 lg:w-2/5 xl:w-1/3 2xl:w-1/4 max-w-xl mx-auto lg:mx-0 mb-10 lg:mb-0 {order === - 'reverse' && 'order-last'}" + 'reverse' && 'order-last'}" /> <div class="w-full lg:w-1/2 max-w-3xl space-y-10 mx-auto lg:mx-0"> - <h3 class="text-5xl font-medium text-left w-full mx-auto lg:mx-0 md:w-[500px]"> - {title} - </h3> + <h3 class="text-5xl font-medium text-left w-full mx-auto lg:mx-0 md:w-[500px]">{title}</h3> <p class="text-secondary text-xl font-medium w-full md:w-[500px] mx-auto lg:mx-0"> {#if description} {description} diff --git a/src/components/Lnurlp.svelte b/src/components/Lnurlp.svelte index 360c05db..adb1a781 100644 --- a/src/components/Lnurlp.svelte +++ b/src/components/Lnurlp.svelte @@ -31,9 +31,7 @@ </div> {#if form?.error} - <div class="text-red-600 text-center mb-5"> - {form.error} - </div> + <div class="text-red-600 text-center mb-5">{form.error}</div> {/if} <Numpad bind:amount {rate} {currency} bind:submit={send} /> diff --git a/src/components/Lnurlw.svelte b/src/components/Lnurlw.svelte index 9b374fcd..38d103bd 100644 --- a/src/components/Lnurlw.svelte +++ b/src/components/Lnurlw.svelte @@ -31,16 +31,12 @@ <div class="container px-4 mt-20 max-w-xl mx-auto"> <div class="text-center mb-8"> <div> - <h1 class="text-3xl md:text-4xl font-semibold mb-2"> - {defaultDescription} - </h1> + <h1 class="text-3xl md:text-4xl font-semibold mb-2">{defaultDescription}</h1> </div> </div> {#if form?.error} - <div class="text-red-600 text-center mb-5"> - {form.error} - </div> + <div class="text-red-600 text-center mb-5">{form.error}</div> {/if} {#if minWithdrawable === maxWithdrawable} @@ -74,12 +70,13 @@ onclick={setMax} disabled={submitting} onkeydown={setMax} - >{#if $fiat} + > + {#if $fiat} Max {f((Math.floor(maxWithdrawable / 1000) * rate) / sats, currency)} {:else} Max ⚡️{s(Math.floor(maxWithdrawable / 1000))} - {/if}</button - > + {/if} + </button> {/if} <button use:focus bind:this={submit} type="submit" class="btn btn-accent !w-auto grow"> diff --git a/src/components/LocationsMap.svelte b/src/components/LocationsMap.svelte index 23da473e..185a6ae5 100644 --- a/src/components/LocationsMap.svelte +++ b/src/components/LocationsMap.svelte @@ -281,9 +281,7 @@ onDestroy(() => map && map.remove()); let list = $derived( - search - ? markers.filter((m) => m.tags.name.toLowerCase().includes(search.toLowerCase())) - : inview, + search ? markers.filter((m) => m.tags.name.toLowerCase().includes(search.toLowerCase())) : inview, ); </script> diff --git a/src/components/Menu.svelte b/src/components/Menu.svelte index 1c09bd54..8bca1daf 100644 --- a/src/components/Menu.svelte +++ b/src/components/Menu.svelte @@ -60,9 +60,9 @@ {/each} </ul> <hr class="my-4" /> - <a href="/?stay=true" aria-label="Coinos home" - ><iconify-icon noobserver icon="coinos:logo" width="160"></iconify-icon></a - > + <a href="/?stay=true" aria-label="Coinos home"> + <iconify-icon noobserver icon="coinos:logo" width="160"></iconify-icon> + </a> </div> </OutClick> </div> diff --git a/src/components/Nostr.svelte b/src/components/Nostr.svelte index 529dd6e7..f80e36de 100644 --- a/src/components/Nostr.svelte +++ b/src/components/Nostr.svelte @@ -130,18 +130,16 @@ class="z-10 border-4 border-white" alt="QR" /> - <div class="break-all"> - {connectUrl} - </div> + <div class="break-all">{connectUrl}</div> </a> <a href={connectUrl} class="btn"> <iconify-icon noobserver icon="ph:arrow-square-out-bold" width="32"></iconify-icon> - {$t("payments.openLink")}</a - > + {$t("payments.openLink")} + </a> <button class="btn" onclick={() => copy(connectUrl!)}> <iconify-icon noobserver icon="ph:copy-bold" width="32"></iconify-icon> - {$t("payments.copy")}</button - > + {$t("payments.copy")} + </button> </div> {:else} {#if $signer?.method === "nsec"} diff --git a/src/components/Password.svelte b/src/components/Password.svelte index 3a7d71fe..ab1b7d9d 100644 --- a/src/components/Password.svelte +++ b/src/components/Password.svelte @@ -31,9 +31,9 @@ <form onsubmit={submit} class="space-y-2"> <PasswordInput bind:value={password} {focus} /> <div class="w-full flex gap-2"> - <button type="button" class="btn !w-auto grow" onclick={cancel} onkeydown={cancel} - >{$t("payments.cancel")}</button - > + <button type="button" class="btn !w-auto grow" onclick={cancel} onkeydown={cancel}> + {$t("payments.cancel")} + </button> <button type="submit" class="btn btn-accent !w-auto grow">{$t("payments.submit")}</button> </div> </form> diff --git a/src/components/Payments.svelte b/src/components/Payments.svelte index ddbee1e0..7bfc8588 100644 --- a/src/components/Payments.svelte +++ b/src/components/Payments.svelte @@ -26,9 +26,7 @@ <div class="font-bold flex items-center"> <div class="flex items-center gap-1"> {#if $fiat} - <div> - {f(Math.abs(amount) * (p.rate / sats), p.currency, locale)} - </div> + <div>{f(Math.abs(amount) * (p.rate / sats), p.currency, locale)}</div> {:else} <iconify-icon noobserver icon="ph:lightning-fill" width="24" class="text-yellow-300" ></iconify-icon> @@ -51,9 +49,7 @@ <div class="my-auto"> <Avatar user={p.user} size={12} disabled={true} /> </div> - <div class="my-auto ml-1 text-secondary"> - {p.user.username} - </div> + <div class="my-auto ml-1 text-secondary">{p.user.username}</div> </div> {:else} <a href={`/fund/${p.memo}`}> @@ -70,9 +66,7 @@ <div class="my-auto"> <Avatar user={p.with} size={12} disabled={true} /> </div> - <div class="my-auto ml-1 text-secondary"> - {p.with.username} - </div> + <div class="my-auto ml-1 text-secondary">{p.with.username}</div> </div> {:else} <div class="text-secondary flex items-center gap-1"> @@ -100,10 +94,10 @@ {amount > 0 ? $t("payments.redeemed") : $t("payments.minted")} {:else} {amount > 0 - ? p.confirmed - ? $t("payments.received") - : $t("payments.pending") - : $t("payments.sent")} + ? p.confirmed + ? $t("payments.received") + : $t("payments.pending") + : $t("payments.sent")} {/if} </div> </div> diff --git a/src/components/Pinpad.svelte b/src/components/Pinpad.svelte index 3e9c490b..6d528a98 100644 --- a/src/components/Pinpad.svelte +++ b/src/components/Pinpad.svelte @@ -68,8 +68,8 @@ aria-label={hide ? "Show PIN" : "Hide PIN"} > <iconify-icon noobserver icon={hide ? "ph:eye-slash-bold" : "ph:eye-bold"} width="32" - ></iconify-icon></button - > + ></iconify-icon> + </button> </label> <div class="grid grid-cols-3 gap-2 w-[300px] mx-auto grayscale"> diff --git a/src/components/Quote.svelte b/src/components/Quote.svelte index 8901dae1..1d3ab9dd 100644 --- a/src/components/Quote.svelte +++ b/src/components/Quote.svelte @@ -4,8 +4,9 @@ viewBox="0 0 24 27" fill="none" xmlns="http://www.w3.org/2000/svg" - ><path +> + <path d="M14.017 18L14.017 10.609C14.017 4.905 17.748 1.039 23 0L23.995 2.151C21.563 3.068 20 5.789 20 8h34V18H14.017ZM0 18V10.609C0 4.905 3.748 1.038 9 0L9.996 2.151C7.563 3.068 6 5.789 6 8H9.983L9.983 18L0 18Z" fill="currentColor" - /></svg -> + /> +</svg> diff --git a/src/components/WalletPass.svelte b/src/components/WalletPass.svelte index cc9e2bbd..0d1b014a 100644 --- a/src/components/WalletPass.svelte +++ b/src/components/WalletPass.svelte @@ -25,9 +25,7 @@ <div class="fixed inset-0 bg-gray-600/50 overflow-y-auto h-full w-full z-20"> <div class="relative top-1/3 mx-auto p-5 border w-96 shadow-lg rounded-md bg-white space-y-5"> - <h1 class="text-center text-2xl font-semibold"> - {$t("payments.enterWalletPass")} - </h1> + <h1 class="text-center text-2xl font-semibold">{$t("payments.enterWalletPass")}</h1> <form onsubmit={preventDefault(handleSubmit)}> <div class="relative mb-5"> {#if revealPassword} @@ -64,7 +62,7 @@ </button> </div> <div class="mb-5 space-y-2"> - <label for="rememberFor" class="text-sm text-gray-500"> Remember for </label> + <label for="rememberFor" class="text-sm text-gray-500">Remember for</label> <select id="rememberFor" class="w-full" diff --git a/src/routes/(app)/[username]/(profile)/+layout.svelte b/src/routes/(app)/[username]/(profile)/+layout.svelte index 6e6a318f..a0d45f22 100644 --- a/src/routes/(app)/[username]/(profile)/+layout.svelte +++ b/src/routes/(app)/[username]/(profile)/+layout.svelte @@ -36,9 +36,7 @@ let stripped = $derived(n.replace(/\s/g, "")); let username = $derived(n.length > 60 ? n.substr(0, 6) : display || stripped); - let lnaddr = $derived( - subject?.anon ? subject.lud16 || undefined : `${stripped}@${$page.url.host}`, - ); + let lnaddr = $derived(subject?.anon ? subject.lud16 || undefined : `${stripped}@${$page.url.host}`); let profile = $derived(`${$page.url.host}/${subject.anon ? npub : stripped}`); let lnurl = $derived( encode( @@ -82,9 +80,7 @@ role="button" tabindex="0" > - <div> - {subject.about} - </div> + <div>{subject.about}</div> {#if subject.website} <div> @@ -100,9 +96,7 @@ <div> <div class="text-secondary">{$t("user.lightningAddress")}</div> <div class="flex gap-4"> - <div class="break-all grow text-xl"> - {lnaddr} - </div> + <div class="break-all grow text-xl">{lnaddr}</div> <div class="flex mb-auto gap-1"> <button type="button" @@ -110,8 +104,9 @@ aria-label="Copy lightning address" onclick={() => copy(lnaddr)} > - ><iconify-icon noobserver icon="ph:copy-bold" width="32"></iconify-icon></button - > + > + <iconify-icon noobserver icon="ph:copy-bold" width="32"></iconify-icon> + </button> <a href={`/qr/${encodeURIComponent(lnaddr)}`} class="my-auto" @@ -126,9 +121,7 @@ <div> <div class="text-secondary">{$t("user.url")}</div> <div class="flex gap-4"> - <div class="break-all grow text-xl"> - {profile} - </div> + <div class="break-all grow text-xl">{profile}</div> <div class="flex mb-auto gap-1"> <button type="button" @@ -136,8 +129,9 @@ aria-label="Copy profile URL" onclick={() => copy(profile)} > - ><iconify-icon noobserver icon="ph:copy-bold" width="32"></iconify-icon></button - > + > + <iconify-icon noobserver icon="ph:copy-bold" width="32"></iconify-icon> + </button> <a href={`/qr/${encodeURIComponent(`${$page.url.protocol}//${profile}`)}`} class="my-auto" @@ -151,9 +145,7 @@ <div> <div class="text-secondary">{$t("user.lnurl")}</div> <div class="flex gap-4"> - <div class="break-all grow text-xl"> - {lnurl} - </div> + <div class="break-all grow text-xl">{lnurl}</div> <div class="flex mb-auto gap-1"> <button type="button" @@ -161,8 +153,9 @@ aria-label="Copy LNURL" onclick={() => copy(`lightning:${lnurl}`)} > - ><iconify-icon noobserver icon="ph:copy-bold" width="32"></iconify-icon></button - > + > + <iconify-icon noobserver icon="ph:copy-bold" width="32"></iconify-icon> + </button> <a href={`/${n}/accepted/${encodeURIComponent(`lightning:${lnurl}`)}`} class="my-auto" diff --git a/src/routes/(app)/[username]/(profile)/+page.svelte b/src/routes/(app)/[username]/(profile)/+page.svelte index 78816e36..21d0abdb 100644 --- a/src/routes/(app)/[username]/(profile)/+page.svelte +++ b/src/routes/(app)/[username]/(profile)/+page.svelte @@ -34,32 +34,30 @@ <div class="space-y-2"> {#if user?.destination && !user?.autowithdraw} <div class="rounded-2xl space-y-2 p-4 shadow-lg"> - <h1 class="text-3xl font-bold"> - {$t("user.settings.confirmAutoWithdrawal")} - </h1> - <div> - {$t("user.settings.confirmAutoWithdrawalDesc")} - </div> + <h1 class="text-3xl font-bold">{$t("user.settings.confirmAutoWithdrawal")}</h1> + <div>{$t("user.settings.confirmAutoWithdrawalDesc")}</div> <a href="/settings/account" class="btn"> <iconify-icon icon="ph:gear-bold" width="32"></iconify-icon> - Settings</a - > + Settings + </a> </div> {/if} {#if user?.fresh} <div> - {$t("user.settings.yourUsername")} <b>{user?.username}</b> + {$t("user.settings.yourUsername")} + <b>{user?.username}</b> {#if $password} <br /> {$t("user.settings.yourPassword")} - <b>{$password}</b>{/if} + <b>{$password}</b> + {/if} </div> <a href="/settings/profile" class="btn"> <iconify-icon icon="ph:gear-bold" width="32"></iconify-icon> - {$t("user.settings.continueSettingUp")}</a - > + {$t("user.settings.continueSettingUp")} + </a> {/if} {#if user?.id && user.id === subject.id} <div class="space-y-10 pb-8" data-sveltekit-preload-data="false"> @@ -80,9 +78,7 @@ </div> {#if locked} - <div class="text-sm"> - {$t("incident")} - </div> + <div class="text-sm">{$t("incident")}</div> {/if} {#if $installPrompt} @@ -100,16 +96,13 @@ {#if user?.username !== subject.username && (!subject.anon || subject.lud16)} <a href={subject.anon - ? `/send/${encodeURIComponent(subject.lud16)}` - : `/pay/${subject.username}`} + ? `/send/${encodeURIComponent(subject.lud16)}` + : `/pay/${subject.username}`} class="contents" > <button class="btn btn-accent !text-2xl items-center !w-full sm:!max-w-[400px] mx-auto"> <iconify-icon noobserver icon="ph:lightning-fill" class="text-yellow-300"></iconify-icon> - <div> - {$t("user.pay")} - {subject.username} - </div> + <div>{$t("user.pay")}{subject.username}</div> </button> </a> {/if} diff --git a/src/routes/(app)/[username]/(profile)/notes/new/+page.svelte b/src/routes/(app)/[username]/(profile)/notes/new/+page.svelte index a9cc3e19..4ed4f930 100644 --- a/src/routes/(app)/[username]/(profile)/notes/new/+page.svelte +++ b/src/routes/(app)/[username]/(profile)/notes/new/+page.svelte @@ -33,6 +33,6 @@ <div class="container px-4 max-w-xl mx-auto space-y-5"> <form method="POST" class="space-y-2 text-xl" onsubmit={submit}> <textarea use:focus bind:value={content} placeholder={$t("notes.contents")}></textarea> - <button type="submit" class="btn btn-accent"> {$t("payments.submit")}</button> + <button type="submit" class="btn btn-accent">{$t("payments.submit")}</button> </form> </div> diff --git a/src/routes/(app)/[username]/accepted/[text]/+page.svelte b/src/routes/(app)/[username]/accepted/[text]/+page.svelte index 3e16177c..6b2c3a86 100644 --- a/src/routes/(app)/[username]/accepted/[text]/+page.svelte +++ b/src/routes/(app)/[username]/accepted/[text]/+page.svelte @@ -38,13 +38,11 @@ /> {/if} <Qr {text} icon="icon.png" /> - <div class="text-center text-4xl font-bold break-all"> - coinos.io/{username.toLowerCase()} - </div> + <div class="text-center text-4xl font-bold break-all">coinos.io/{username.toLowerCase()}</div> </div> <button onclick={() => copy(lnurl)} class="flex gap-1 m-auto my-8"> <iconify-icon icon="ph:copy-bold" width={32}></iconify-icon> - LNURL</button - > + LNURL + </button> </div> diff --git a/src/routes/(app)/account/[id]/+page.svelte b/src/routes/(app)/account/[id]/+page.svelte index 43ebe508..7f306fea 100644 --- a/src/routes/(app)/account/[id]/+page.svelte +++ b/src/routes/(app)/account/[id]/+page.svelte @@ -71,9 +71,7 @@ </script> <div class="space-y-5"> - <h1 class="text-center text-3xl font-semibold"> - {$t("payments.accountSettings")} - </h1> + <h1 class="text-center text-3xl font-semibold">{$t("payments.accountSettings")}</h1> <div class="container w-full mx-auto text-lg px-4 max-w-xl space-y-2"> <form class="space-y-5" method="POST" use:enhance> @@ -92,20 +90,20 @@ <button onclick={() => copy(mnemonic)} type="button" class="btn"> <iconify-icon noobserver icon="ph:copy-bold" width="32"></iconify-icon> - <div class="my-auto">{$t("accounts.copy")}</div></button - > + <div class="my-auto">{$t("accounts.copy")}</div> + </button> {:else if seed} <button onclick={requestMnemonic} type="button" class="btn"> <iconify-icon noobserver icon="ph:eye-bold" width="32"></iconify-icon> - <div class="my-auto">{$t("accounts.revealMnemonic")}</div></button - > + <div class="my-auto">{$t("accounts.revealMnemonic")}</div> + </button> {/if} {#if seed} <button onclick={del} type="button" class="btn"> <iconify-icon noobserver icon="ph:trash-bold" width="32"></iconify-icon> - <div class="my-auto">{$t("accounts.deleteAccount")}</div></button - > + <div class="my-auto">{$t("accounts.deleteAccount")}</div> + </button> {/if} </div> diff --git a/src/routes/(app)/account/ark/+page.svelte b/src/routes/(app)/account/ark/+page.svelte index c21da0d5..79df4752 100644 --- a/src/routes/(app)/account/ark/+page.svelte +++ b/src/routes/(app)/account/ark/+page.svelte @@ -165,8 +165,7 @@ {#if hasMasterSeed} <form onsubmit={preventDefault(submit)} class="space-y-5"> <p class="text-secondary"> - Your Ark wallet will be derived from your master seed. Enter your wallet password to - continue. + Your Ark wallet will be derived from your master seed. Enter your wallet password to continue. </p> <label for="password" class="input flex items-center justify-center gap-2 w-full"> @@ -208,7 +207,7 @@ </label> <div class="space-y-2"> - <label for="rememberFor" class="text-sm text-secondary"> Remember for </label> + <label for="rememberFor" class="text-sm text-secondary">Remember for</label> <select id="rememberFor" class="w-full" @@ -223,7 +222,7 @@ <div class="flex gap-2"> <a href={`/${user.username}`} class="contents"> - <button type="button" class="btn !w-auto grow"> Back </button> + <button type="button" class="btn !w-auto grow">Back</button> </a> <button disabled={submitting} type="submit" class="btn btn-accent !w-auto grow"> {#if submitting} @@ -345,7 +344,7 @@ </label> <div class="space-y-2"> - <label for="rememberFor" class="text-sm text-secondary"> Remember for </label> + <label for="rememberFor" class="text-sm text-secondary">Remember for</label> <select id="rememberFor" class="w-full" diff --git a/src/routes/(app)/account/bitcoin/+page.svelte b/src/routes/(app)/account/bitcoin/+page.svelte index ca90c758..e856d397 100644 --- a/src/routes/(app)/account/bitcoin/+page.svelte +++ b/src/routes/(app)/account/bitcoin/+page.svelte @@ -3,9 +3,7 @@ </script> <div class="space-y-5"> - <h1 class="text-center text-3xl font-semibold"> - {$t("accounts.accountSetup")} - </h1> + <h1 class="text-center text-3xl font-semibold">{$t("accounts.accountSetup")}</h1> <div class="container w-full mx-auto text-lg px-4 max-w-xl space-y-5"> <a href="/account/seed" class="block"> diff --git a/src/routes/(app)/account/import/+page.svelte b/src/routes/(app)/account/import/+page.svelte index 09e1edb1..93616a92 100644 --- a/src/routes/(app)/account/import/+page.svelte +++ b/src/routes/(app)/account/import/+page.svelte @@ -49,9 +49,7 @@ ></textarea> <div class="flex gap-2"> <a href={`/account/bitcoin`} class="contents"> - <button type="button" class="btn !w-auto grow"> - {$t("accounts.back")} - </button> + <button type="button" class="btn !w-auto grow">{$t("accounts.back")}</button> </a> <button bind:this={el} type="submit" class="btn btn-accent !w-auto grow"> <div class="my-auto">{$t("accounts.next")}</div> diff --git a/src/routes/(app)/account/pass/+page.svelte b/src/routes/(app)/account/pass/+page.svelte index fd58921f..5a177ded 100644 --- a/src/routes/(app)/account/pass/+page.svelte +++ b/src/routes/(app)/account/pass/+page.svelte @@ -82,9 +82,7 @@ <div class="space-y-5"> <div> - <h1 class="text-center text-3xl font-semibold"> - {$t("accounts.accountPassword")} - </h1> + <h1 class="text-center text-3xl font-semibold">{$t("accounts.accountPassword")}</h1> </div> <form @@ -168,7 +166,7 @@ </label> <div class="space-y-2"> - <label for="rememberFor" class="text-sm text-secondary"> Remember for </label> + <label for="rememberFor" class="text-sm text-secondary">Remember for</label> <select id="rememberFor" class="w-full" @@ -183,9 +181,7 @@ <div class="flex gap-2"> <a href={`/account/seed`} class="contents"> - <button type="button" class="btn !w-auto grow"> - {$t("accounts.back")} - </button> + <button type="button" class="btn !w-auto grow">{$t("accounts.back")}</button> </a> <button disabled={submitting} type="submit" class="btn btn-accent !w-auto grow"> {#if submitting} diff --git a/src/routes/(app)/account/seed/+page.svelte b/src/routes/(app)/account/seed/+page.svelte index cbfe1024..69cfc1b6 100644 --- a/src/routes/(app)/account/seed/+page.svelte +++ b/src/routes/(app)/account/seed/+page.svelte @@ -22,9 +22,7 @@ </script> <div class="space-y-5"> - <h1 class="text-center text-3xl font-semibold"> - {$t("accounts.seedPhrase")} - </h1> + <h1 class="text-center text-3xl font-semibold">{$t("accounts.seedPhrase")}</h1> <div class="container w-full mx-auto px-4 max-w-xl space-y-2"> {#if $mnemonic} @@ -33,21 +31,15 @@ <button type="button" class="btn" onclick={() => copy($mnemonic)}> <iconify-icon noobserver icon="ph:copy-bold" width="32"></iconify-icon> - <div class="my-auto"> - {$t("payments.copy")} - </div> + <div class="my-auto">{$t("payments.copy")}</div> </button> <div class="flex gap-2"> <a href={`/account/bitcoin`} class="contents"> - <button type="button" class="btn !w-auto grow"> - {$t("accounts.back")} - </button> + <button type="button" class="btn !w-auto grow">{$t("accounts.back")}</button> </a> <a href={`/account/pass`} class="contents"> - <button type="button" class="btn btn-accent !w-auto grow"> - {$t("accounts.next")} - </button> + <button type="button" class="btn btn-accent !w-auto grow">{$t("accounts.next")}</button> </a> </div> </div> diff --git a/src/routes/(app)/admin/+page.svelte b/src/routes/(app)/admin/+page.svelte index a2a761fe..5604d01b 100644 --- a/src/routes/(app)/admin/+page.svelte +++ b/src/routes/(app)/admin/+page.svelte @@ -11,12 +11,16 @@ <div>{username}</div> <div>{balance}</div> <div>{expected}</div> - <div><input bind:value={password} /></div> + <div> + <input bind:value={password} /> + </div> <div> <button class="text-sm md:text-lg rounded-full border py-2 px-4 hover:opacity-80 min-w-[72px] bg-black text-white" - onclick={() => reset(username)}>Reset</button + onclick={() => reset(username)} > + Reset + </button> </div> </div> {/each} diff --git a/src/routes/(app)/apps/[pubkey]/+page.svelte b/src/routes/(app)/apps/[pubkey]/+page.svelte index b15fa717..d60ac227 100644 --- a/src/routes/(app)/apps/[pubkey]/+page.svelte +++ b/src/routes/(app)/apps/[pubkey]/+page.svelte @@ -10,9 +10,7 @@ <h2 class="text-2xl font-bold mb-2">{$t("accounts.connection")}</h2> {#if form?.error} - <div class="text-red-600 text-center"> - {form.error} - </div> + <div class="text-red-600 text-center">{form.error}</div> {/if} <AppForm {...app} {rate} {user} /> diff --git a/src/routes/(app)/apps/[pubkey]/payments/+page.svelte b/src/routes/(app)/apps/[pubkey]/payments/+page.svelte index fe74dc5a..6ea6ae6c 100644 --- a/src/routes/(app)/apps/[pubkey]/payments/+page.svelte +++ b/src/routes/(app)/apps/[pubkey]/payments/+page.svelte @@ -10,9 +10,7 @@ </script> <div class="space-y-5"> - <h1 class="text-center text-3xl md:text-4xl font-semibold"> - {$t("payments.header")} - </h1> + <h1 class="text-center text-3xl md:text-4xl font-semibold">{$t("payments.header")}</h1> <div class="container w-full mx-auto text-lg px-2 max-w-xl space-y-2"> <Payments {payments} {locale} {user} /> diff --git a/src/routes/(app)/apps/new/+page.svelte b/src/routes/(app)/apps/new/+page.svelte index 583a4ba0..8268ef29 100644 --- a/src/routes/(app)/apps/new/+page.svelte +++ b/src/routes/(app)/apps/new/+page.svelte @@ -10,9 +10,7 @@ <h2 class="text-2xl font-bold mb-2">{$t("accounts.connection")}</h2> {#if form?.error} - <div class="text-red-600 text-center"> - {form.error} - </div> + <div class="text-red-600 text-center">{form.error}</div> {/if} <AppForm {...app} {rate} {user} /> diff --git a/src/routes/(app)/dm/+page.svelte b/src/routes/(app)/dm/+page.svelte index 5a908664..cc30e84f 100644 --- a/src/routes/(app)/dm/+page.svelte +++ b/src/routes/(app)/dm/+page.svelte @@ -156,9 +156,7 @@ userInfo(selectedChat.pubkey).then((info) => (nostrUserInfo = info)); libnip17.getPreferredRelays(selectedChat.pubkey).then((relays) => { canSend = relays && relays.length > 0; - relaysSupporting(relays, [40]).then( - (supporting) => (canSendExpiring = supporting.length > 0), - ); + relaysSupporting(relays, [40]).then((supporting) => (canSendExpiring = supporting.length > 0)); }); updateEvents(); }; @@ -299,13 +297,15 @@ {creatingNewChat ? $t("dm.newChatHeader") : $t("dm.chatHeader")} <button class={"chat-btn push-right " + - ($theme === "light" ? "light-chat-btn" : "dark-chat-btn") + - (creatingNewChat ? ($theme === "light" ? " light-selected" : " dark-selected") : "")} + ($theme === "light" ? "light-chat-btn" : "dark-chat-btn") + + (creatingNewChat ? ($theme === "light" ? " light-selected" : " dark-selected") : "")} on:click={() => { creatingNewChat = !creatingNewChat; selectedChat = null; - }}>+</button + }} > + + + </button> </h2> {#if creatingNewChat} <input @@ -320,17 +320,17 @@ {#if (selectedChat && selectedChat.pubkey === c.pubkey) || !(muted && muted.has(c.pubkey))} <button class={"chat-btn tall-btn " + - ($theme === "light" ? "light-chat-btn" : "dark-chat-btn") + - (selectedChat && selectedChat.pubkey == c.pubkey - ? $theme === "light" - ? " light-selected" - : " dark-selected" - : "")} + ($theme === "light" ? "light-chat-btn" : "dark-chat-btn") + + (selectedChat && selectedChat.pubkey == c.pubkey + ? $theme === "light" + ? " light-selected" + : " dark-selected" + : "")} on:click={() => selectChat(c)} > - <span class={"text-xl" + (muted && muted.has(c.pubkey) ? " secondary" : "")} - >{name(c)}</span - > + <span class={"text-xl" + (muted && muted.has(c.pubkey) ? " secondary" : "")}> + {name(c)} + </span> <span class={(idValid(c) ? "" : "invalid ") + "secondary text-xs"}>{id(c)}</span> </button> {/if} @@ -376,49 +376,50 @@ {/if} <span class={"secondary timestamp text-small" + (idValid(selectedChat) ? "" : " invalid")} - title={npubEncode(selectedChat.pubkey)}>{id(selectedChat)}</span + title={npubEncode(selectedChat.pubkey)} > + {id(selectedChat)} + </span> <button class={"small-btn push-right " + - ($theme === "light" ? "light-chat-btn" : "dark-chat-btn")} + ($theme === "light" ? "light-chat-btn" : "dark-chat-btn")} on:click={() => toggleMute(selectedChat.pubkey)} - >{$t(muted && muted.has(selectedChat.pubkey) ? "dm.unmute" : "dm.mute")}</button > + {$t(muted && muted.has(selectedChat.pubkey) ? "dm.unmute" : "dm.mute")} + </button> </h1> {#if !(muted && muted.has(selectedChat.pubkey))} <div id="messages" style="overflow-y: scroll; max-height: 600px;"> {#each dates as day} - <p class="date-header secondary"> - {formatDate(new Date(day * 86400 * 1000))} - </p> + <p class="date-header secondary">{formatDate(new Date(day * 86400 * 1000))}</p> <ul> {#each messageRumours.get(day) as rumour} {#if rumour.pubkey === user.pubkey && pTagKeys(rumour).includes(selectedChat.pubkey)} <li class={(rumour.expiration && expirationClose(rumour.expiration) - ? "secondary " - : "") + - ($theme === "light" ? "light-message " : "dark-message ") + - "message by-user"} + ? "secondary " + : "") + + ($theme === "light" ? "light-message " : "dark-message ") + + "message by-user"} > {rumour.content} - <span class="timestamp secondary text-xs" - >{TIME.format(new Date(rumour.created_at * 1000))}</span - > + <span class="timestamp secondary text-xs"> + {TIME.format(new Date(rumour.created_at * 1000))} + </span> </li> {:else if rumour.pubkey === selectedChat.pubkey && pTagKeys(rumour).includes(user.pubkey)} <li class={(rumour.expiration && expirationClose(rumour.expiration) - ? "secondary " - : "") + - ($theme === "light" ? "light-message " : "dark-message ") + - "message by-other"} + ? "secondary " + : "") + + ($theme === "light" ? "light-message " : "dark-message ") + + "message by-other"} > {rumour.content} - <span class="timestamp secondary text-xs" - >{TIME.format(new Date(rumour.created_at * 1000))}</span - > + <span class="timestamp secondary text-xs"> + {TIME.format(new Date(rumour.created_at * 1000))} + </span> </li> {/if} {/each} @@ -433,8 +434,8 @@ class="btn btn-accent" disabled={!canSend} value={canSend - ? $t("dm.sendMessage") - : $t("dm.relaysNotFound").replace("[R]", name(selectedChat))} + ? $t("dm.sendMessage") + : $t("dm.relaysNotFound").replace("[R]", name(selectedChat))} on:click={async () => sendMessage(text)} /> {/if} @@ -447,7 +448,8 @@ bind:checked={expiryEnabled} disabled={!canSendExpiring} /> - <label for="expiryCheckbox">{$t("dm.expiry")}</label>: + <label for="expiryCheckbox">{$t("dm.expiry")}</label> + : <input type="number" class="short small-width vcenter" @@ -456,7 +458,9 @@ min="1" step="1" max="99999" - /> <label for="expiryCheckbox">{$t("dm.days")}</label>. + /> + <label for="expiryCheckbox">{$t("dm.days")}</label> + . <p class="secondary">{$t("dm.fadedWarning")}</p> {#if canSend && !canSendExpiring} <p class="warning"> @@ -471,10 +475,10 @@ {/if} {#if relayWarningShown} <p class="warning"> - <em - >{$t("dm.noRelaysSet")} - <a class="link" href="/settings/nostr#dm-relays">{$t("dm.nostrSettingsLink")}</a></em - > + <em> + {$t("dm.noRelaysSet")} + <a class="link" href="/settings/nostr#dm-relays">{$t("dm.nostrSettingsLink")}</a> + </em> </p> {/if} </div> diff --git a/src/routes/(app)/fund/[id]/access/+page.svelte b/src/routes/(app)/fund/[id]/access/+page.svelte index 9920fa5b..5c161e7c 100644 --- a/src/routes/(app)/fund/[id]/access/+page.svelte +++ b/src/routes/(app)/fund/[id]/access/+page.svelte @@ -56,8 +56,8 @@ <a href={`/fund/${id}`} class="btn"> <iconify-icon icon="ph:arrow-left-bold" width={32}></iconify-icon> - {$t("funds.returnToFund")}</a - > + {$t("funds.returnToFund")} + </a> </div> </div> </div> diff --git a/src/routes/(app)/fund/[id]/authorize/[...amount]/+page.svelte b/src/routes/(app)/fund/[id]/authorize/[...amount]/+page.svelte index 746318e7..d49e047e 100644 --- a/src/routes/(app)/fund/[id]/authorize/[...amount]/+page.svelte +++ b/src/routes/(app)/fund/[id]/authorize/[...amount]/+page.svelte @@ -19,6 +19,4 @@ <div class="opacity-0 w-screen h-screen fixed top-24 left-0 z-50"></div> </a> -<div class="flex justify-center mt-4"> - {$t("payments.tapAnywhere")} -</div> +<div class="flex justify-center mt-4">{$t("payments.tapAnywhere")}</div> diff --git a/src/routes/(app)/fund/[id]/sweep/[...amount]/+page.svelte b/src/routes/(app)/fund/[id]/sweep/[...amount]/+page.svelte index b67a024b..40ceafb8 100644 --- a/src/routes/(app)/fund/[id]/sweep/[...amount]/+page.svelte +++ b/src/routes/(app)/fund/[id]/sweep/[...amount]/+page.svelte @@ -22,6 +22,4 @@ <div class="opacity-0 w-screen h-screen fixed top-24 left-0 z-50"></div> </a> -<div class="flex justify-center mt-4"> - {$t("payments.tapAnywhere")} -</div> +<div class="flex justify-center mt-4">{$t("payments.tapAnywhere")}</div> diff --git a/src/routes/(app)/fund/[id]/withdraw/+page.svelte b/src/routes/(app)/fund/[id]/withdraw/+page.svelte index b8ccd5af..a37185ed 100644 --- a/src/routes/(app)/fund/[id]/withdraw/+page.svelte +++ b/src/routes/(app)/fund/[id]/withdraw/+page.svelte @@ -35,9 +35,7 @@ </script> {#if form?.message} - <div class="text-red-600 text-center"> - {form.message} - </div> + <div class="text-red-600 text-center">{form.message}</div> {/if} <div class="container px-4 mt-20 max-w-xl mx-auto"> @@ -55,12 +53,13 @@ onclick={setMax} disabled={submitting} onkeydown={setMax} - >{#if $fiat} + > + {#if $fiat} Max {f((balance * rate) / sats, currency, locale)} {:else} Max ⚡️{s(balance)} - {/if}</button - > + {/if} + </button> <button use:focus bind:this={submit} type="submit" class="btn btn-accent !w-auto grow"> {#if submitting} diff --git a/src/routes/(app)/invoice/[id]/paid/+page.svelte b/src/routes/(app)/invoice/[id]/paid/+page.svelte index 1a09653f..43423668 100644 --- a/src/routes/(app)/invoice/[id]/paid/+page.svelte +++ b/src/routes/(app)/invoice/[id]/paid/+page.svelte @@ -34,6 +34,4 @@ <div class="opacity-0 w-screen h-screen fixed top-24 left-0 z-50"></div> </a> -<div class="flex justify-center mt-4"> - {$t("payments.tapAnywhere")} -</div> +<div class="flex justify-center mt-4">{$t("payments.tapAnywhere")}</div> diff --git a/src/routes/(app)/invoice/[id]/tip/+page.svelte b/src/routes/(app)/invoice/[id]/tip/+page.svelte index 32ba78a2..684baf02 100644 --- a/src/routes/(app)/invoice/[id]/tip/+page.svelte +++ b/src/routes/(app)/invoice/[id]/tip/+page.svelte @@ -119,9 +119,7 @@ </div> <div class="flex items-center"> - <div class="font-semibold"> - +{s(tip, locale)} - </div> + <div class="font-semibold">+{s(tip, locale)}</div> </div> </div> {/if} @@ -139,24 +137,28 @@ type="button" class="btn" class:active={active(amount)} - onclick={() => handleTipButtonClick(amount)}>{amount}</button + onclick={() => handleTipButtonClick(amount)} > + {amount} + </button> {:else} <button type="button" class="btn" class:active={active(amount)} - onclick={() => handleTipButtonClick(amount)}>{amount}</button + onclick={() => handleTipButtonClick(amount)} > + {amount} + </button> {/if} {/each} {/if} </div> <div class="space-y-2"> - <button type="button" class="btn" onclick={() => (showCustomAmount = true)} - >{$t("payments.custom")}</button - > + <button type="button" class="btn" onclick={() => (showCustomAmount = true)}> + {$t("payments.custom")} + </button> <a href={`/invoice/${id}`} class="btn">{$t("payments.cancel")}</a> </div> {/if} diff --git a/src/routes/(app)/invoice/sent/+page.svelte b/src/routes/(app)/invoice/sent/+page.svelte index 457ff108..cc87ddaf 100644 --- a/src/routes/(app)/invoice/sent/+page.svelte +++ b/src/routes/(app)/invoice/sent/+page.svelte @@ -6,5 +6,8 @@ Invoice sent to <div class="flex"> <Avatar user={$request.requester} size={12} /> - <h1 class="my-auto"><b>{$request.requester.username}</b> is ready to pay</h1> + <h1 class="my-auto"> + <b>{$request.requester.username}</b> + is ready to pay + </h1> </div> diff --git a/src/routes/(app)/invoices/+page.svelte b/src/routes/(app)/invoices/+page.svelte index 418dfaf3..61c3173f 100644 --- a/src/routes/(app)/invoices/+page.svelte +++ b/src/routes/(app)/invoices/+page.svelte @@ -23,9 +23,7 @@ {#if !show[i.id]}...{/if} </button> {/if} - <div class="md:col-span-2 whitespace-nowrap"> - {i.received} / {i.amount} - </div> + <div class="md:col-span-2 whitespace-nowrap">{i.received} / {i.amount}</div> <div class="whitespace-nowrap"> {i.memo?.startsWith("[") ? JSON.parse(i.memo)[0][1] : i.memo} </div> diff --git a/src/routes/(app)/ln/withdrawal/sent/+page.svelte b/src/routes/(app)/ln/withdrawal/sent/+page.svelte index 3f0b8711..6b7a8f95 100644 --- a/src/routes/(app)/ln/withdrawal/sent/+page.svelte +++ b/src/routes/(app)/ln/withdrawal/sent/+page.svelte @@ -20,6 +20,4 @@ <div class="opacity-0 w-screen h-screen fixed top-0 left-0 z-50"></div> </a> -<div class="flex justify-center"> - {$t("payments.tapAnywhere")} -</div> +<div class="flex justify-center">{$t("payments.tapAnywhere")}</div> diff --git a/src/routes/(app)/messages/+page.svelte b/src/routes/(app)/messages/+page.svelte index 2aaede8b..550daed4 100644 --- a/src/routes/(app)/messages/+page.svelte +++ b/src/routes/(app)/messages/+page.svelte @@ -76,9 +76,7 @@ </div> <div class="my-auto truncate"> <div class="my-auto ml-1 text-lg font-bold">{u.username}</div> - <div class="my-auto ml-1 text-secondary text-lg truncate"> - {content} - </div> + <div class="my-auto ml-1 text-secondary text-lg truncate">{content}</div> </div> </div> </a> diff --git a/src/routes/(app)/messages/[recipient]/+page.svelte b/src/routes/(app)/messages/[recipient]/+page.svelte index f828bde2..e82b5617 100644 --- a/src/routes/(app)/messages/[recipient]/+page.svelte +++ b/src/routes/(app)/messages/[recipient]/+page.svelte @@ -143,8 +143,7 @@ </div> </div> <div class="text-sm text-gray-400 mb-6" class:text-right={ours}> - {format(new Date(created_at * 1000), "MMM d")}, - {format(new Date(created_at * 1000), "h:mm aa")} + {format(new Date(created_at * 1000), "MMM d")}, {format(new Date(created_at * 1000), "h:mm aa")} </div> {/if} {/each} diff --git a/src/routes/(app)/pay/[username]/[...amount]/+page.svelte b/src/routes/(app)/pay/[username]/[...amount]/+page.svelte index 6cae555c..aa46cfd5 100644 --- a/src/routes/(app)/pay/[username]/[...amount]/+page.svelte +++ b/src/routes/(app)/pay/[username]/[...amount]/+page.svelte @@ -46,9 +46,7 @@ </script> {#if form?.message} - <div class="text-red-600 text-center"> - {form.message} - </div> + <div class="text-red-600 text-center">{form.message}</div> {/if} <div class="container px-4 mt-20 max-w-xl mx-auto space-y-2"> @@ -61,17 +59,17 @@ <input name="prompt" value={subject.prompt} type="hidden" /> {#if user?.balance} - <button type="button" class="btn !w-auto grow" onclick={setMax} onkeydown={setMax} - >{#if $fiatStore} + <button type="button" class="btn !w-auto grow" onclick={setMax} onkeydown={setMax}> + {#if $fiatStore} Max {f((user.balance * rate) / sats, currency, locale)} {:else} Max ⚡️{s(user.balance)} - {/if}</button - > + {/if} + </button> {/if} <button type="submit" bind:this={next} class="btn btn-accent !w-auto grow"> - {$t("payments.next")}</button - > + {$t("payments.next")} + </button> </form> </div> diff --git a/src/routes/(app)/payment/[id]/+page.svelte b/src/routes/(app)/payment/[id]/+page.svelte index b8a4223d..643ce1ae 100644 --- a/src/routes/(app)/payment/[id]/+page.svelte +++ b/src/routes/(app)/payment/[id]/+page.svelte @@ -80,9 +80,7 @@ aria-label="Toggle currency display" > {#if $fiat} - <div class="flex items-center gap-1"> - {f(toFiat(amount, rate), currency, userLocale)} - </div> + <div class="flex items-center gap-1">{f(toFiat(amount, rate), currency, userLocale)}</div> {:else} <div class="flex items-center gap-1"> <iconify-icon noobserver icon="ph:lightning-fill" class="text-yellow-300"></iconify-icon> @@ -136,8 +134,7 @@ <div class="text-secondary flex"> <div class="flex items-center"> <iconify-icon noobserver icon="ph:lightning-fill" class="text-yellow-300"></iconify-icon> - {s((1 * sats) / rate)} = - {f(1, currency, userLocale, 0, 0)} + {s((1 * sats) / rate)} = {f(1, currency, userLocale, 0, 0)} </div> </div> </div> @@ -146,8 +143,7 @@ <div> <span class="text-lg text-secondary">{$t("payments.date")}</span> <div> - {format(new Date(created), "h:mmaaa", { locale })} - {format(new Date(created), "MMM d, yyyy", { locale })} + {format(new Date(created), "h:mmaaa", { locale })}{format(new Date(created), "MMM d, yyyy", { locale })} </div> </div> @@ -158,7 +154,8 @@ </a> {:else if type === types.fund} <a href={`/fund/${memo}`} class="btn btn-accent"> - <iconify-icon noobserver icon="ph:lightning-fill" class="text-yellow-300"></iconify-icon>{$t( + <iconify-icon noobserver icon="ph:lightning-fill" class="text-yellow-300"></iconify-icon> + {$t( "payments.viewFund", )} </a> @@ -166,7 +163,8 @@ {@const eid = JSON.parse(memo).tags.find((t) => t[0] === "e")[1]} <a href={`/e/${eid}`} class="btn btn-accent"> <img src="/images/nostr.png" class="w-8" alt="Nostr" /> - <iconify-icon noobserver icon="ph:lightning-fill" class="text-yellow-300"></iconify-icon>{$t( + <iconify-icon noobserver icon="ph:lightning-fill" class="text-yellow-300"></iconify-icon> + {$t( "payments.zappedEvent", )} </a> @@ -198,11 +196,13 @@ <a href={`${expl}/tx/${txid}${vout ? "#vout=" + vout : ""}`} target="_blank" - rel="noreferrer">{txid}</a + rel="noreferrer" > + {txid} + </a> </div> - <button class="flex font-bold hover:opacity-80 mb-auto my-auto" onclick={() => copy(txid)}> - </button> + <button class="flex font-bold hover:opacity-80 mb-auto my-auto" onclick={() => copy(txid)} + ></button> </div> </div> {/if} @@ -212,8 +212,8 @@ <span class="text-lg text-secondary">Path</span> <div class="flex"> <div>{path}</div> - <button class="flex font-bold hover:opacity-80 mb-auto my-auto" onclick={() => copy(path)}> - </button> + <button class="flex font-bold hover:opacity-80 mb-auto my-auto" onclick={() => copy(path)} + ></button> </div> </div> {/if} diff --git a/src/routes/(app)/payment/[id]/plain/+page.svelte b/src/routes/(app)/payment/[id]/plain/+page.svelte index 87ad2207..ad582c02 100644 --- a/src/routes/(app)/payment/[id]/plain/+page.svelte +++ b/src/routes/(app)/payment/[id]/plain/+page.svelte @@ -67,19 +67,14 @@ <div> <span class="text-lg text-secondary">Date</span> - <div> - {format(new Date(created), "MMMM d")}, - {format(new Date(created), "h:mm aaa")} - </div> + <div>{format(new Date(created), "MMMM d")}, {format(new Date(created), "h:mm aaa")}</div> </div> {#if type === "bitcoin"} <div> <span class="text-lg text-secondary">Txid</span> <div class="flex"> - <div> - {id} - </div> + <div>{id}</div> </div> </div> {/if} diff --git a/src/routes/(app)/payments/[...page]/+page.svelte b/src/routes/(app)/payments/[...page]/+page.svelte index f6cbcba8..4d20f8ef 100644 --- a/src/routes/(app)/payments/[...page]/+page.svelte +++ b/src/routes/(app)/payments/[...page]/+page.svelte @@ -148,9 +148,7 @@ </script> <div class="space-y-5"> - <h1 class="text-center text-3xl md:text-4xl font-semibold"> - {$t("payments.header")} - </h1> + <h1 class="text-center text-3xl md:text-4xl font-semibold">{$t("payments.header")}</h1> <div class="container w-full mx-auto text-lg px-2 max-w-xl space-y-2"> <div class="mx-auto flex justify-center w-full gap-1"> @@ -205,15 +203,23 @@ {#if totalIn > 0} <span class="text-left text-base text-secondary">{$t("payments.income")}</span> <!-- <span><b>{subtotalIn ? f(subtotalIn, c) : "-"}</b></span> --> - <span><b>{tipsIn > 0 ? f(tipsIn, c, locale) : ""}</b></span> - <span class="text-right"><b>{totalIn > 0 ? f(totalIn, c, locale) : "-"}</b></span> + <span> + <b>{tipsIn > 0 ? f(tipsIn, c, locale) : ""}</b> + </span> + <span class="text-right"> + <b>{totalIn > 0 ? f(totalIn, c, locale) : "-"}</b> + </span> {/if} {#if totalOut > 0} <span class="text-left text-base text-secondary">{$t("payments.expenditure")}</span> <!-- <span><b>{subtotalOut ? f(subtotalOut, c) : "-"}</b></span> --> - <span><b>{tipsOut > 0 ? f(tipsOut, c, locale) : "-"}</b></span> - <span class="text-right"><b>{totalOut > 0 ? f(totalOut, c, locale) : "-"}</b></span> + <span> + <b>{tipsOut > 0 ? f(tipsOut, c, locale) : "-"}</b> + </span> + <span class="text-right"> + <b>{totalOut > 0 ? f(totalOut, c, locale) : "-"}</b> + </span> {/if} {/each} </div> diff --git a/src/routes/(app)/pos/+page.svelte b/src/routes/(app)/pos/+page.svelte index 0b29608d..81758c56 100644 --- a/src/routes/(app)/pos/+page.svelte +++ b/src/routes/(app)/pos/+page.svelte @@ -158,12 +158,12 @@ {#if connected} <!-- Tabs --> <div class="flex gap-2 justify-center"> - <button class="btn" class:btn-neutral={tab === "config"} onclick={() => (tab = "config")} - >Flash config</button - > - <button class="btn" class:btn-neutral={tab === "firmware"} onclick={() => (tab = "firmware")} - >Flash firmware</button - > + <button class="btn" class:btn-neutral={tab === "config"} onclick={() => (tab = "config")}> + Flash config + </button> + <button class="btn" class:btn-neutral={tab === "firmware"} onclick={() => (tab = "firmware")}> + Flash firmware + </button> </div> {#if tab === "config"} @@ -172,7 +172,11 @@ {#if configDone} <div class="text-center text-2xl">Config written ✔</div> {:else} - <div>Generated config file (<b>{bytes.length} bytes</b>)</div> + <div> + Generated config file ( + <b>{bytes.length} bytes</b> + ) + </div> <label class="label mt-2" for="littlefs-address">LittleFS address (hex)</label> <input id="littlefs-address" @@ -183,9 +187,9 @@ <div class="mt-3"> <button class="btn" onclick={flashConfig}>Flash config</button> </div> - {#if configProgress > 0}<div class="mt-2"> - Progress: {configProgress}% - </div>{/if} + {#if configProgress > 0} + <div class="mt-2">Progress: {configProgress}%</div> + {/if} {/if} {:else} <form method="POST" use:enhance class="space-y-2"> diff --git a/src/routes/(app)/printer/+page.svelte b/src/routes/(app)/printer/+page.svelte index 108af3b5..c55f0abf 100644 --- a/src/routes/(app)/printer/+page.svelte +++ b/src/routes/(app)/printer/+page.svelte @@ -76,7 +76,11 @@ {#if progress} <div class="text-center text-2xl">Done!</div> {:else} - <div>Generated config file (<b>{data.length * 2} bytes</b>)</div> + <div> + Generated config file ( + <b>{data.length * 2} bytes</b> + ) + </div> <button class="btn" onclick={flash}>Flash</button> {/if} {:else} diff --git a/src/routes/(app)/receive/[...token]/+page.svelte b/src/routes/(app)/receive/[...token]/+page.svelte index bea32277..63f34fb4 100644 --- a/src/routes/(app)/receive/[...token]/+page.svelte +++ b/src/routes/(app)/receive/[...token]/+page.svelte @@ -75,8 +75,6 @@ </button> </div> - <button bind:this={el} type="submit" class="btn"> - {$t("user.send.next")} - </button> + <button bind:this={el} type="submit" class="btn">{$t("user.send.next")}</button> </form> </div> diff --git a/src/routes/(app)/reset/[code]/+page.svelte b/src/routes/(app)/reset/[code]/+page.svelte index deade18a..a2b13a30 100644 --- a/src/routes/(app)/reset/[code]/+page.svelte +++ b/src/routes/(app)/reset/[code]/+page.svelte @@ -74,9 +74,7 @@ <h1 class="text-2xl font-bold text-center">{$t("login.reset")}</h1> {#if form?.error} - <div class="text-red-600 text-center" in:fly> - {form.error} - </div> + <div class="text-red-600 text-center" in:fly>{form.error}</div> {/if} <form class="space-y-5" method="POST" onsubmit={handleSubmit}> @@ -84,8 +82,7 @@ <PasswordInput bind:value={$password} placeholder={$t("login.password")} /> <div class="text-secondary"> - A new seed phrase will be generated for your account. You'll need to import your old seed - phrase if you want to use the same nostr profile and savings account as before. + A new seed phrase will be generated for your account. You'll need to import your old seed phrase if you want to use the same nostr profile and savings account as before. </div> <button diff --git a/src/routes/(app)/send/[...text]/+page.svelte b/src/routes/(app)/send/[...text]/+page.svelte index 28332f6b..ea364b47 100644 --- a/src/routes/(app)/send/[...text]/+page.svelte +++ b/src/routes/(app)/send/[...text]/+page.svelte @@ -71,9 +71,7 @@ <svelte:window bind:innerWidth={w} /> <div class="container px-4 max-w-lg mx-auto space-y-5 mt-20"> - <h1 class="px-3 md:px-0 text-center text-3xl md:text-4xl font-semibold"> - {$t("payments.send")} - </h1> + <h1 class="px-3 md:px-0 text-center text-3xl md:text-4xl font-semibold">{$t("payments.send")}</h1> <form method="POST" use:enhance class="space-y-2 text-xl"> {#if form?.error} @@ -125,9 +123,7 @@ {#if contacts.length} <div class="space-y-5"> - <h1 class="px-3 md:px-0 text-2xl font-semibold mt-10"> - {$t("user.send.contacts")} - </h1> + <h1 class="px-3 md:px-0 text-2xl font-semibold mt-10">{$t("user.send.contacts")}</h1> <div> {#each all || contacts as c, i} <a href={`/pay/${c.username}`} class="contents"> @@ -142,7 +138,9 @@ onclick={(e) => pin(e, c)} aria-label={c.pinned ? "Unpin contact" : "Pin contact"} > - <iconify-icon icon={c.pinned ? "ph:push-pin-fill" : "ph:push-pin-bold"} width={32} + <iconify-icon + icon={c.pinned ? "ph:push-pin-fill" : "ph:push-pin-bold"} + width={32} ></iconify-icon> </button> <button diff --git a/src/routes/(app)/send/ark/[address]/+page.svelte b/src/routes/(app)/send/ark/[address]/+page.svelte index 23f3a7fb..705d73f7 100644 --- a/src/routes/(app)/send/ark/[address]/+page.svelte +++ b/src/routes/(app)/send/ark/[address]/+page.svelte @@ -37,13 +37,13 @@ <Numpad bind:amount={a} bind:fiat {currency} {submit} bind:rate={$rate} {locale} /> <div class="flex justify-center gap-2"> - <button type="button" class="btn !w-auto grow" onclick={setMax} onkeydown={setMax} - >{#if $fiatStore} + <button type="button" class="btn !w-auto grow" onclick={setMax} onkeydown={setMax}> + {#if $fiatStore} Max {f((balance * $rate) / sats, currency, locale)} {:else} Max ⚡️{s(balance)} - {/if}</button - > + {/if} + </button> <form action={`/send/ark/${address}/${amount}`} class="contents"> <button bind:this={submit} type="submit" class="btn !w-auto grow btn-accent"> diff --git a/src/routes/(app)/send/bitcoin/[address]/+page.svelte b/src/routes/(app)/send/bitcoin/[address]/+page.svelte index 76ac093e..17e9a5bf 100644 --- a/src/routes/(app)/send/bitcoin/[address]/+page.svelte +++ b/src/routes/(app)/send/bitcoin/[address]/+page.svelte @@ -37,13 +37,13 @@ <Numpad bind:amount={a} bind:fiat {currency} {submit} bind:rate={$rate} {locale} /> <div class="flex justify-center gap-2"> - <button type="button" class="btn !w-auto grow" onclick={setMax} onkeydown={setMax} - >{#if $fiatStore} + <button type="button" class="btn !w-auto grow" onclick={setMax} onkeydown={setMax}> + {#if $fiatStore} Max {f((balance * $rate) / sats, currency, locale)} {:else} Max ⚡️{s(balance)} - {/if}</button - > + {/if} + </button> <form action={`/send/bitcoin/${address}/${amount}`} class="contents"> <button use:focus bind:this={submit} type="submit" class="btn !w-auto grow btn-accent"> diff --git a/src/routes/(app)/send/bitcoin/[address]/[amount]/[...feeRate]/+page.svelte b/src/routes/(app)/send/bitcoin/[address]/[amount]/[...feeRate]/+page.svelte index 49dbe7c6..adf379da 100644 --- a/src/routes/(app)/send/bitcoin/[address]/[amount]/[...feeRate]/+page.svelte +++ b/src/routes/(app)/send/bitcoin/[address]/[amount]/[...feeRate]/+page.svelte @@ -177,9 +177,9 @@ <div class="flex flex-wrap gap-4 justify-center"> <select bind:value={feeRate} onchange={setFee}> {#each Object.keys(feeNames) as feeName} - <option value={fees[feeName]} - >{feeNames[feeName]} — {fees[feeName]} sats/vb</option - > + <option value={fees[feeName]}> + {feeNames[feeName]} — {fees[feeName]} sats/vb + </option> {/each} </select> <Amount amount={fee} rate={$rate} {currency} /> diff --git a/src/routes/(app)/send/fund/[...name]/[...amount]/+page.svelte b/src/routes/(app)/send/fund/[...name]/[...amount]/+page.svelte index d0cf6743..49284b57 100644 --- a/src/routes/(app)/send/fund/[...name]/[...amount]/+page.svelte +++ b/src/routes/(app)/send/fund/[...name]/[...amount]/+page.svelte @@ -44,9 +44,7 @@ </script> {#if form?.message} - <div class="text-red-600 text-center"> - {form.message} - </div> + <div class="text-red-600 text-center">{form.message}</div> {/if} <div class="container px-4 mt-20 max-w-xl mx-auto"> @@ -64,12 +62,13 @@ onclick={setMax} disabled={submitting} onkeydown={setMax} - >{#if $fiatStore} + > + {#if $fiatStore} Max {f((balance * rate) / sats, currency, locale)} {:else} Max ⚡️{s(balance)} - {/if}</button - > + {/if} + </button> <button use:focus bind:this={submit} type="submit" class="btn btn-accent !w-auto grow"> {#if submitting} diff --git a/src/routes/(app)/send/invoice/[id]/+page.svelte b/src/routes/(app)/send/invoice/[id]/+page.svelte index 9174cf4c..e8ba3bfd 100644 --- a/src/routes/(app)/send/invoice/[id]/+page.svelte +++ b/src/routes/(app)/send/invoice/[id]/+page.svelte @@ -97,34 +97,24 @@ </script> {#if form?.message} - <div class="text-red-600 text-center"> - {form.message} - </div> + <div class="text-red-600 text-center">{form.message}</div> {/if} <div class="container px-4 max-w-xl mx-auto text-center space-y-5"> {#if amount} - <h1 class="text-4xl font-bold"> - {$t("payments.send")} - </h1> + <h1 class="text-4xl font-bold">{$t("payments.send")}</h1> <Amount {amount} {tip} {rate} {currency} {locale} /> - <h1 class="text-xl text-secondary"> - {$t("payments.to")} - </h1> + <h1 class="text-xl text-secondary">{$t("payments.to")}</h1> <div class="flex p-1 gap-2 justify-center"> <Avatar user={recipient} size={20} /> - <p class="text-4xl break-words my-auto"> - {recipient.username} - </p> + <p class="text-4xl break-words my-auto">{recipient.username}</p> </div> {#if invoice.items.length} - <h1 class="text-xl md:text-2xl text-secondary"> - {$t("payments.for")} - </h1> + <h1 class="text-xl md:text-2xl text-secondary">{$t("payments.for")}</h1> {#each invoice.items as i} <div class="grid grid-cols-4 text-xl"> @@ -165,13 +155,13 @@ {/if} </button> {:else} - <button type="button" class="btn !w-auto grow" onclick={setMax} onkeydown={setMax} - >{#if $fiatStore} + <button type="button" class="btn !w-auto grow" onclick={setMax} onkeydown={setMax}> + {#if $fiatStore} Max {f((balance * rate) / sats, currency, locale)} {:else} Max ⚡️{s(balance)} - {/if}</button - > + {/if} + </button> <button bind:this={submit} @@ -188,8 +178,8 @@ {#if !trusted} <button type="button" class="btn" onclick={toggleTrust}> <iconify-icon icon="ph:star-fill" width={32}></iconify-icon> - {$t("payments.trustUser")}</button - > + {$t("payments.trustUser")} + </button> {/if} </form> </div> diff --git a/src/routes/(app)/send/lightning/[payreq]/[...memo]/+page.svelte b/src/routes/(app)/send/lightning/[payreq]/[...memo]/+page.svelte index fbafd7d4..b8f39802 100644 --- a/src/routes/(app)/send/lightning/[payreq]/[...memo]/+page.svelte +++ b/src/routes/(app)/send/lightning/[payreq]/[...memo]/+page.svelte @@ -104,9 +104,7 @@ {/if} {#if amount} <div> - <h1 class="text-lg text-secondary"> - {$t("payments.send")} - </h1> + <h1 class="text-lg text-secondary">{$t("payments.send")}</h1> <Amount {amount} rate={$rate} {currency} {locale} /> </div> @@ -123,9 +121,7 @@ <div class="flex flex-wrap gap-4 justify-center"> <div class="my-auto"> {#if $fiat} - <h2 class="text-xl"> - {f(toFiat(ourfee as number, $rate as number), currency)} - </h2> + <h2 class="text-xl">{f(toFiat(ourfee as number, $rate as number), currency)}</h2> {:else} <h3 class="text-secondary">⚡️{s(ourfee)}</h3> {/if} @@ -144,9 +140,7 @@ <div class="mx-auto space-y-2"> <label for="maxfee" class="text-lg text-secondary">{$t("payments.maxfee")}</label> - <div class="text-secondary"> - {$t("payments.maxFeeDesc")} - </div> + <div class="text-secondary">{$t("payments.maxFeeDesc")}</div> <label class="input input-bordered border-primary input-lg rounded-2xl flex items-center gap-2 text-left" @@ -166,9 +160,9 @@ </button> {#if !(form?.message || showMax)} - <button type="button" class="btn" onclick={() => (showMax = !showMax)} - >{$t("payments.advancedSettings")}</button - > + <button type="button" class="btn" onclick={() => (showMax = !showMax)}> + {$t("payments.advancedSettings")} + </button> <input name="maxfee" type="hidden" bind:value={maxfee} /> {/if} </form> diff --git a/src/routes/(app)/send/zap/[id]/[...amount]/+page.svelte b/src/routes/(app)/send/zap/[id]/[...amount]/+page.svelte index bf5f5202..2e478695 100644 --- a/src/routes/(app)/send/zap/[id]/[...amount]/+page.svelte +++ b/src/routes/(app)/send/zap/[id]/[...amount]/+page.svelte @@ -54,9 +54,7 @@ <div class="container px-4 max-w-xl mx-auto text-center space-y-2"> {#if form?.message} - <div class="text-red-600 text-center"> - {$t(form.message)} - </div> + <div class="text-red-600 text-center">{$t(form.message)}</div> {/if} <form method="POST" action="?/setAmount" class="space-y-2" use:enhance> <input type="hidden" value={a} name="amount" /> diff --git a/src/routes/(app)/sent/[id]/+page.svelte b/src/routes/(app)/sent/[id]/+page.svelte index 3dde854f..aaf2a3a0 100644 --- a/src/routes/(app)/sent/[id]/+page.svelte +++ b/src/routes/(app)/sent/[id]/+page.svelte @@ -15,6 +15,4 @@ <div class="opacity-0 w-screen h-screen fixed top-0 left-0 z-50"></div> </a> -<div class="flex justify-center mt-4"> - {$t("payments.tapAnywhere")} -</div> +<div class="flex justify-center mt-4">{$t("payments.tapAnywhere")}</div> diff --git a/src/routes/(app)/settings/account/+page.svelte b/src/routes/(app)/settings/account/+page.svelte index 7a1bbab1..c435aced 100644 --- a/src/routes/(app)/settings/account/+page.svelte +++ b/src/routes/(app)/settings/account/+page.svelte @@ -117,9 +117,7 @@ <div class="space-y-1 relative"> <label for="email" class="font-bold block">{$t("user.settings.email")}</label> - <p class="text-secondary"> - {$t("user.settings.emailDescription")} - </p> + <p class="text-secondary">{$t("user.settings.emailDescription")}</p> <label class="input input-bordered border-primary input-lg rounded-2xl flex items-center gap-2"> <input type="text" name="email" class="clean" bind:value={email} /> @@ -138,9 +136,7 @@ <span class="font-bold">{$t("user.settings.notifications")}</span> <Toggle id="notify" bind:value={user.notify} /> </div> - <p class="text-secondary mt-1 w-9/12"> - {$t("user.settings.notificationsDesc")} - </p> + <p class="text-secondary mt-1 w-9/12">{$t("user.settings.notificationsDesc")}</p> </div> <div> @@ -164,16 +160,12 @@ <span class="font-bold">{$t("user.settings.tipPrompt")}</span> <Toggle id="prompt" bind:value={user.prompt} /> </div> - <p class="text-secondary mt-1 w-9/12"> - {$t("user.settings.tipPromptDescription")} - </p> + <p class="text-secondary mt-1 w-9/12">{$t("user.settings.tipPromptDescription")}</p> </div> <div class="space-y-1 relative"> <label for="tip" class="font-bold block">{$t("user.settings.tip")}</label> - <p class="text-secondary"> - {$t("user.settings.tipDesc")} - </p> + <p class="text-secondary">{$t("user.settings.tipDesc")}</p> <label class="input input-bordered border-primary input-lg rounded-2xl flex items-center gap-2"> <input type="text" name="tip" class="clean" bind:value={tip} /> @@ -185,9 +177,7 @@ <span class="font-bold">{$t("user.settings.autoWithdraw")}</span> <Toggle id="autowithdraw" bind:value={user.autowithdraw} /> </div> - <p class="text-secondary mt-1 w-9/12"> - {$t("user.settings.autoWithdrawDescription")} - </p> + <p class="text-secondary mt-1 w-9/12">{$t("user.settings.autoWithdrawDescription")}</p> </div> <div class:hidden={!user.autowithdraw}> @@ -213,9 +203,7 @@ </div> <input type="hidden" name="threshold" bind:value={user.threshold} /> </button> - <p class="text-secondary mt-1"> - {$t("user.settings.thresholdDesc")} - </p> + <p class="text-secondary mt-1">{$t("user.settings.thresholdDesc")}</p> </div> <div> @@ -229,18 +217,14 @@ </div> <input type="hidden" name="reserve" bind:value={user.reserve} /> </button> - <p class="text-secondary mt-1"> - {$t("user.settings.reserveDesc")} - </p> + <p class="text-secondary mt-1">{$t("user.settings.reserveDesc")}</p> </div> </div> {#if editingThreshold} <div class="fixed bg-base-100/90 inset-0 overflow-y-auto h-full w-full z-50 max-w-lg mx-auto"> <div class="relative p-5 border shadow-lg rounded-md bg-base-100 space-y-5"> - <h1 class="text-center text-2xl font-semibold"> - {$t("user.settings.threshold")} - </h1> + <h1 class="text-center text-2xl font-semibold">{$t("user.settings.threshold")}</h1> <Numpad bind:amount={user.threshold} {currency} @@ -257,9 +241,7 @@ {#if editingReserve} <div class="fixed bg-base-100/90 inset-0 overflow-y-auto h-full w-full z-50 mx-auto max-w-lg"> <div class="relative mx-auto p-5 border shadow-lg rounded-md bg-base-100 space-y-5 text-center"> - <h1 class="text-2xl font-semibold"> - {$t("user.settings.reserve")} - </h1> + <h1 class="text-2xl font-semibold">{$t("user.settings.reserve")}</h1> <Numpad bind:amount={user.reserve} {currency} @@ -275,8 +257,8 @@ {#if connect !== "connected"} <a href={connect} class="btn flex"> <img src="/images/square.svg" class="w-12" alt="Square" /> - <div>{$t("user.settings.connectSquare")}</div></a - > + <div>{$t("user.settings.connectSquare")}</div> + </a> {:else} <button type="button" onclick={revoke} class="btn"> <img src="/images/square.svg" class="w-12" class:invert={$theme === "dark"} alt="Square" /> diff --git a/src/routes/(app)/settings/nostr/+page.svelte b/src/routes/(app)/settings/nostr/+page.svelte index 35ae2b92..844433c3 100644 --- a/src/routes/(app)/settings/nostr/+page.svelte +++ b/src/routes/(app)/settings/nostr/+page.svelte @@ -55,12 +55,8 @@ <input type="hidden" name="extension" value={extension} /> <div> - <h2 class="text-2xl font-bold mb-2"> - {$t("user.settings.nwc")} - </h2> - <p class="text-secondary mb-4"> - {$t("user.settings.nwcDescription")} - </p> + <h2 class="text-2xl font-bold mb-2">{$t("user.settings.nwc")}</h2> + <p class="text-secondary mb-4">{$t("user.settings.nwcDescription")}</p> <div class="space-y-2"> {#each apps as app, i} @@ -75,18 +71,14 @@ <iconify-icon noobserver icon="ph:lightning-fill" class="text-yellow-300" ></iconify-icon> {#if $fiat && $rate} - {f((app.spent * ($rate as number)) / sats, user.currency, locale)} / - {f((app.max_amount * ($rate as number)) / sats, user.currency, locale)} + {f((app.spent * ($rate as number)) / sats, user.currency, locale)} / {f((app.max_amount * ($rate as number)) / sats, user.currency, locale)} {:else} - {s(app.spent, locale)} / - {s(app.max_amount, locale)} + {s(app.spent, locale)} / {s(app.max_amount, locale)} {/if} </div> {#if app.budget_renewal !== "never"} - <div> - {app.budget_renewal} - </div> + <div>{app.budget_renewal}</div> {/if} </div> {/if} @@ -154,14 +146,12 @@ </div> {#if revealNwc} - <div class="break-all grow"> - {nwc} - </div> + <div class="break-all grow">{nwc}</div> <div class="flex flex-wrap gap-2"> <button onclick={() => copy(nwc)} type="button" class="btn grow"> <iconify-icon noobserver icon="ph:copy-bold" width="32"></iconify-icon> - <div class="my-auto">{$t("accounts.copy")}</div></button - > + <div class="my-auto">{$t("accounts.copy")}</div> + </button> <a href={`/qr/${encodeURIComponent(nwc)}`} class="btn grow"> <iconify-icon noobserver icon="ph:qr-code-bold" width="32"></iconify-icon> <div class="my-auto">{$t("user.receive.showQR")}</div> @@ -179,9 +169,10 @@ class="my-auto btn btn-circle !w-auto grow" onclick={() => copy(npub)} aria-label="Copy" - ><iconify-icon noobserver icon="ph:copy-bold" width="32"></iconify-icon> - {$t("accounts.copy")}</button > + <iconify-icon noobserver icon="ph:copy-bold" width="32"></iconify-icon> + {$t("accounts.copy")} + </button> <a href={`/qr/${encodeURIComponent(npub)}`} @@ -197,8 +188,8 @@ {#if extensionAvailable} <button class="btn" type="button" onclick={getPubkey}> <img src="/images/alby.svg" width="32" alt="Alby" /> - {$t("user.settings.syncWithExtension")}</button - > + {$t("user.settings.syncWithExtension")} + </button> {/if} </div> @@ -206,9 +197,7 @@ <div class="space-y-2"> <label for="seedphrase" class="font-bold">{$t("user.settings.nostrKeys")}</label> - <p class="text-secondary mb-1"> - {$t("user.settings.nostrDescription")} - </p> + <p class="text-secondary mb-1">{$t("user.settings.nostrDescription")}</p> <div class="flex flex-wrap sm:flex-nowrap gap-2"> <button type="button" class="btn !w-auto flex-grow" onclick={toggleNsec}> @@ -236,11 +225,7 @@ </div> {/if} -<span class="font-bold" id="dm-relays"> - {$t("user.settings.preferredDM")} -</span> -<p class="text-secondary mb-1"> - {$t("user.settings.preferredDMDescription")} -</p> +<span class="font-bold" id="dm-relays">{$t("user.settings.preferredDM")}</span> +<p class="text-secondary mb-1">{$t("user.settings.preferredDMDescription")}</p> <textarea id="dmRelays" name="dmRelays" rows={3}></textarea> diff --git a/src/routes/(app)/settings/profile/+page.svelte b/src/routes/(app)/settings/profile/+page.svelte index e56f8a70..201a9c30 100644 --- a/src/routes/(app)/settings/profile/+page.svelte +++ b/src/routes/(app)/settings/profile/+page.svelte @@ -119,9 +119,9 @@ {/if} <div class="ml-2 p-2"> <!-- found missing translation --> - <button type="button" class="btn" onclick={selectAvatar} onkeydown={selectAvatar} - >{$t("user.settings.select")}</button - > + <button type="button" class="btn" onclick={selectAvatar} onkeydown={selectAvatar}> + {$t("user.settings.select")} + </button> <input type="file" class="hidden!" @@ -159,9 +159,9 @@ ></div> {/if} - <button type="button" class="btn !w-auto" onclick={selectBanner} onkeydown={selectBanner} - >{$t("user.settings.select")}</button - > + <button type="button" class="btn !w-auto" onclick={selectBanner} onkeydown={selectBanner}> + {$t("user.settings.select")} + </button> <input type="file" class="hidden!" diff --git a/src/routes/(app)/settings/security/+page.svelte b/src/routes/(app)/settings/security/+page.svelte index cb9897a1..9666b193 100644 --- a/src/routes/(app)/settings/security/+page.svelte +++ b/src/routes/(app)/settings/security/+page.svelte @@ -163,12 +163,10 @@ <input type="hidden" name="newpin" value={disablingPin ? "delete" : pin} /> <div> - <span class="font-bold mb-1" - >{verifying ? $t("user.settings.verifyPIN") : $t("user.settings.securityPIN")}</span - > - <p class="text-secondary mb-1"> - {$t("user.settings.securityPINDescription")} - </p> + <span class="font-bold mb-1"> + {verifying ? $t("user.settings.verifyPIN") : $t("user.settings.securityPIN")} + </span> + <p class="text-secondary mb-1">{$t("user.settings.securityPINDescription")}</p> {#if verifying} <Pin bind:value={verify} {cancel} notify={false} /> {:else if settingPin} @@ -180,16 +178,14 @@ icon={haspin ? "ph:lock-key-open-bold" : "ph:lock-key-bold"} width="32" ></iconify-icon> - {haspin ? $t("user.settings.disablePIN") : $t("user.settings.enablePIN")}</button - > + {haspin ? $t("user.settings.disablePIN") : $t("user.settings.enablePIN")} + </button> {/if} </div> <div> <span class="font-bold mb-1">{$t("user.settings.twofa")}</span> - <p class="text-secondary mb-4"> - {$t("user.settings.twofaDescription")} - </p> + <p class="text-secondary mb-4">{$t("user.settings.twofaDescription")}</p> {#if setting2fa} <a href={otp.uri}> @@ -197,7 +193,8 @@ </a> <div class="text-center my-4"> - {$t("user.settings.accountId")}<br /> + {$t("user.settings.accountId")} + <br /> <b>{otp.secret}</b> </div> diff --git a/src/routes/(app)/sign/+page.svelte b/src/routes/(app)/sign/+page.svelte index fbea78ed..32b96fe8 100644 --- a/src/routes/(app)/sign/+page.svelte +++ b/src/routes/(app)/sign/+page.svelte @@ -18,8 +18,8 @@ <button onclick={() => copy(signature)} type="button" class="btn grow"> <iconify-icon noobserver icon="ph:copy-bold" width="32"></iconify-icon> - <div class="my-auto">Copy</div></button - > + <div class="my-auto">Copy</div> + </button> {:else} <div class="text-2xl break-all">{address}</div> <form use:enhance method="POST" class="space-y-5"> diff --git a/src/routes/(app)/verify/[code]/+page.svelte b/src/routes/(app)/verify/[code]/+page.svelte index 813c29e6..c8587f2f 100644 --- a/src/routes/(app)/verify/[code]/+page.svelte +++ b/src/routes/(app)/verify/[code]/+page.svelte @@ -23,6 +23,4 @@ <div class="opacity-0 w-screen h-screen fixed top-0 left-0 z-50"></div> </a> -<div class="flex justify-center"> - {$t("payments.tapAnywhere")} -</div> +<div class="flex justify-center">{$t("payments.tapAnywhere")}</div> diff --git a/src/routes/(static)/bounties/+page.svelte b/src/routes/(static)/bounties/+page.svelte index fad8c041..c5bd99e7 100644 --- a/src/routes/(static)/bounties/+page.svelte +++ b/src/routes/(static)/bounties/+page.svelte @@ -42,7 +42,8 @@ <div>First {b}</div> <iconify-icon noobserver icon="ph:lightning-fill" class="text-yellow-300 ml-auto" - ></iconify-icon>{s(100000, "en-CA")} + ></iconify-icon> + {s(100000, "en-CA")} </div> {/each} </div> @@ -55,7 +56,8 @@ <div>{b.type}</div> <iconify-icon noobserver icon="ph:lightning-fill" class="text-yellow-300 ml-auto" - ></iconify-icon>{s(b.amount, "en-CA")} + ></iconify-icon> + {s(b.amount, "en-CA")} </div> {/each} </div> @@ -101,9 +103,7 @@ <div class="ml-auto flex shrink-0 items-center gap-1 whitespace"> <iconify-icon noobserver icon="ph:lightning-fill" class="text-yellow-300" ></iconify-icon> - <span class="text-sm font-semibold tabular-nums"> - {s(amount, "en-CA")} - </span> + <span class="text-sm font-semibold tabular-nums">{s(amount, "en-CA")}</span> </div> </div> </article> @@ -132,8 +132,7 @@ </ul> <p> - 25% of the bounty will be awarded once the business is ready to take payments and has been - announced + 25% of the bounty will be awarded once the business is ready to take payments and has been announced </p> <p>The rest will be awarded once they've been accepting Bitcoin for 6 months</p> @@ -145,19 +144,17 @@ <h2 class="text-2xl font-bold">Get Started!</h2> <p> - Reach out to <a href="mailto:[email protected]" class="text-blue-600 hover:underline" - >[email protected]</a - > and let us know who we should contact + Reach out to + <a href="mailto:[email protected]" class="text-blue-600 hover:underline">[email protected]</a> + and let us know who we should contact </p> <p> - We'll update this page as the bounties are claimed so you'll be able to see which ones are still - available. + We'll update this page as the bounties are claimed so you'll be able to see which ones are still available. </p> <p> - Have a lead or idea for something that's not on the list? Reach out! We offer sats for all sorts - of referrals! + Have a lead or idea for something that's not on the list? Reach out! We offer sats for all sorts of referrals! </p> <p>Thanks for participating and helping to orange pill Vancouver!</p> diff --git a/src/routes/(static)/docs/+page.svelte b/src/routes/(static)/docs/+page.svelte index fc803158..90d14ff1 100644 --- a/src/routes/(static)/docs/+page.svelte +++ b/src/routes/(static)/docs/+page.svelte @@ -26,18 +26,13 @@ <h1 class="text-4xl">Documentation</h1> <p class="text-secondary"> - Coinos is free and open source software. The code is available at <a - href="https://github.com/coinos" - class="text-secondary underline">github.com/coinos</a - > + Coinos is free and open source software. The code is available at + <a href="https://github.com/coinos" class="text-secondary underline">github.com/coinos</a> </p> <p class="text-secondary"> - Coinos has a REST API that can be used to register accounts and make payments. The following - examples show how you can call the API with <a - href="https://curl.se/" - class="text-secondary underline">curl</a - > + Coinos has a REST API that can be used to register accounts and make payments. The following examples show how you can call the API with + <a href="https://curl.se/" class="text-secondary underline">curl</a> </p> <h2 class="text-2xl">API Base URL</h2> @@ -49,14 +44,16 @@ <h2 class="text-2xl">Auth Token</h2> <p class="text-secondary"> {#if user && token} - This token authorizes you to use the API as <b>{user.username}</b>. + This token authorizes you to use the API as + <b>{user.username}</b> + . {:else} - <a href="/login" class="font-bold">Sign in</a> to view your auth token here, or get one from the - /login endpoint. + <a href="/login" class="font-bold">Sign in</a> + to view your auth token here, or get one from the /login endpoint. {/if} - - Save it in a variable called <b>$token</b> to run the examples. It gives full access to your account - so keep it safe. + Save it in a variable called + <b>$token</b> + to run the examples. It gives full access to your account so keep it safe. </p> <div class="bg-primary text-primary-content rounded-lg p-4 flex gap-4 items-center"> @@ -66,8 +63,7 @@ {#if ro} <p class="text-secondary"> - This read-only token has permission to create invoices and fetch payments but can't be used to - make withdrawals + This read-only token has permission to create invoices and fetch payments but can't be used to make withdrawals </p> <div class="bg-primary text-primary-content rounded-lg p-4 flex gap-4 items-center"> <div class="w-full break-all">{roSample}</div> @@ -130,7 +126,11 @@ <p>Sample response</p> <Code sample="invoiceResponse" /> - <p>You can check the <b>received</b> field to see how much has been paid</p> + <p> + You can check the + <b>received</b> + field to see how much has been paid + </p> <p>Specify a webhook to be called when an invoice is paid</p> <Code sample="webhook" /> diff --git a/src/routes/(static)/login/+page.svelte b/src/routes/(static)/login/+page.svelte index 7c9c29fc..22e49e65 100644 --- a/src/routes/(static)/login/+page.svelte +++ b/src/routes/(static)/login/+page.svelte @@ -161,9 +161,7 @@ <div class="mx-auto md:shadow-xl rounded-3xl max-w-xl w-full md:w-[480px] md:p-8 mb-20 space-y-5"> <h1 class="text-2xl font-bold text-center">{$t("login.signIn")}</h1> {#if form?.error && !form?.message.includes("2fa")} - <div class="text-red-600 text-center" in:fly> - {form.error} - </div> + <div class="text-red-600 text-center" in:fly>{form.error}</div> {/if} <form use:enhance={enhanceLogin} class="space-y-5" method="POST" action="?/login"> @@ -184,9 +182,9 @@ <PasswordInput bind:value={$password} placeholder={$t("login.password")} /> <div class="flex justify-end items-center"> - <a href="/forgot" class="underline underline-offset-4 text-secondary" - >{$t("login.forgotUserOrPassword")}</a - > + <a href="/forgot" class="underline underline-offset-4 text-secondary"> + {$t("login.forgotUserOrPassword")} + </a> </div> <button type="submit" class="btn btn-accent" bind:this={btn} data-testid="login-submit"> diff --git a/src/routes/(static)/privacy/+page.svelte b/src/routes/(static)/privacy/+page.svelte index ccbe8a92..4caf0783 100644 --- a/src/routes/(static)/privacy/+page.svelte +++ b/src/routes/(static)/privacy/+page.svelte @@ -2,14 +2,10 @@ <div class="text-2xl font-bold">Privacy Policy</div> <div> - The only personal information we require to create an account is a username and password. Some - users may provide an email address for notification or password reset purposes. We will not - share your email with anyone or use it for anything other than the purposes stated. + The only personal information we require to create an account is a username and password. Some users may provide an email address for notification or password reset purposes. We will not share your email with anyone or use it for anything other than the purposes stated. </div> <div> - We keep records of payment history associated to accounts and may be obligated to share our - records with financial authorities. You may request that your account be deleted by visiting - https://coinos.io/removal + We keep records of payment history associated to accounts and may be obligated to share our records with financial authorities. You may request that your account be deleted by visiting https://coinos.io/removal </div> </div> diff --git a/src/routes/(static)/register/+page.svelte b/src/routes/(static)/register/+page.svelte index f594244c..a8d05e42 100644 --- a/src/routes/(static)/register/+page.svelte +++ b/src/routes/(static)/register/+page.svelte @@ -298,10 +298,7 @@ </div> {#if form?.error || form?.message} - <div class="text-red-600 text-center" in:fly> - {form?.message} - {form?.error} - </div> + <div class="text-red-600 text-center" in:fly>{form?.message}{form?.error}</div> {/if} <form class="space-y-5" onsubmit={handleSubmit} method="POST"> @@ -326,8 +323,8 @@ placeholder={$t("login.username")} /> <button type="button" tabindex="-1" onclick={refresh} aria-label="Randomize" class="contents"> - <iconify-icon noobserver icon="ph:dice-three-bold" width="32"></iconify-icon></button - > + <iconify-icon noobserver icon="ph:dice-three-bold" width="32"></iconify-icon> + </button> </label> <PasswordInput diff --git a/src/routes/(static)/removal/+page.svelte b/src/routes/(static)/removal/+page.svelte index 6cfc6d82..cbe7dde8 100644 --- a/src/routes/(static)/removal/+page.svelte +++ b/src/routes/(static)/removal/+page.svelte @@ -2,8 +2,8 @@ <div class="text-2xl font-bold">Data Removal</div> <div> - If you wish to delete your account and have your data removed, please add a verified email - address to your account and send an email from it to - <b>[email protected]</b> requesting that we delete your account data. + If you wish to delete your account and have your data removed, please add a verified email address to your account and send an email from it to + <b>[email protected]</b> + requesting that we delete your account data. </div> </div> diff --git a/src/routes/(static)/support/+page.svelte b/src/routes/(static)/support/+page.svelte index 8a7f55bf..3a9b011f 100644 --- a/src/routes/(static)/support/+page.svelte +++ b/src/routes/(static)/support/+page.svelte @@ -80,14 +80,13 @@ <a href={user ? `/${user.username}` : "/"}> <button class="rounded-full border py-2 px-5 font-bold hover:opacity-80 w-full bg-black text-white" - >Ok</button > + Ok + </button> </a> </div> {:else} - <h1 class="text-center text-3xl md:text-4xl font-semibold mb-8"> - {$t("user.support.header")} - </h1> + <h1 class="text-center text-3xl md:text-4xl font-semibold mb-8">{$t("user.support.header")}</h1> <p class="text-secondary text-lg"> {$t("user.support.fillForm")} @@ -115,8 +114,9 @@ type="submit" disabled={!email || !message} class="g-recaptcha bg-black text-white font-bold rounded-xl py-3 w-full mx-auto hover:opacity-80" - >{$t("user.support.send")}</button > + {$t("user.support.send")} + </button> </form> {/if} </div> diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 71613871..c1586698 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -51,10 +51,7 @@ if (hasNotch) { window.AndroidNotch.getInsetTop( (px) => { - document.documentElement.style.setProperty( - "--safe-area-inset-top", - Math.round(px) + "px", - ); + document.documentElement.style.setProperty("--safe-area-inset-top", Math.round(px) + "px"); }, (err) => { console.error("Failed to get notch inset:", err); diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index eee8e40c..c160a685 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -36,9 +36,11 @@ <LandingInfoCard image="phone-checkout" title={$t("landing.info2.title")} order="reverse"> {$t("landing.info2.description1")} - <br /><br /> + <br /> + <br /> {$t("landing.info2.description2")} - <br /><br /> + <br /> + <br /> {@html $t("landing.info2.description3")} </LandingInfoCard> @@ -53,9 +55,7 @@ </div> <div> - <h3 class="text-5xl font-medium mb-10 text-center"> - {$t("howItWorks.header")} - </h3> + <h3 class="text-5xl font-medium mb-10 text-center">{$t("howItWorks.header")}</h3> <div class="grid lg:grid-cols-3 space-y-10 lg:space-y-0 text-center"> {#each howItWorksSteps as step} <HowItWorksCard image={step.image} stepID={step.stepID} /> @@ -66,9 +66,7 @@ <div> <div class="space-y-10"> - <h3 class="text-5xl font-medium text-center pt-40 -mt-40" id="faq"> - {$t("faq.header")} - </h3> + <h3 class="text-5xl font-medium text-center pt-40 -mt-40" id="faq">{$t("faq.header")}</h3> {#each faqs as f} <FaqCard questionID={f} /> {/each} |
