diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/Account.svelte | 78 | ||||
| -rw-r--r-- | src/routes/(app)/[username]/(profile)/+page.svelte | 2 | ||||
| -rw-r--r-- | src/routes/(app)/invoice/[id]/+page.svelte | 4 |
3 files changed, 43 insertions, 41 deletions
diff --git a/src/components/Account.svelte b/src/components/Account.svelte index 458f67c6..52f5c6fa 100644 --- a/src/components/Account.svelte +++ b/src/components/Account.svelte @@ -13,52 +13,52 @@ let setAccount = () => (document.cookie = `aid=${id}; path=/; max-age=86400`); </script> -<a href={`/payments`} class="block" on:click={setAccount}> - <div class="py-4 px-2 space-y-5 bg-primary rounded-2xl border"> - <div class="flex"> - <Balance {balance} {user} {rate} /> - {#if seed} + +<a + href={`/payments`} + class="p-4 space-y-5 border-b block last:border-none" + on:click={setAccount} + > + <div class="flex"> + <Balance {balance} {user} {rate} /> + {#if seed} <a href={`/account/${id}`} class="contents"> <button class="ml-auto flex gap-1 mb-auto pb-4 pl-4"> <Icon icon="settings" style="w-8 my-auto" /> </button> </a> - {/if} - </div> + {/if} + </div> - <div class="flex gap-1 justify-center w-full text-xl"> - <a href={`/invoice`} class="contents" on:click={setAccount}> - <button - class="rounded-2xl border py-5 px-4 hover:opacity-80 flex grow bg-white" - > - <div class="mx-auto flex gap-2"> - <Icon icon="receive" style="w-8" /> - <div class="my-auto">{$t("user.dashboard.receive")}</div> - </div> - </button> - </a> + <div class="flex justify-center w-full text-xl"> + <a href={`/invoice`} class="contents" on:click={setAccount}> + <button class="py-2 px-4 hover:opacity-80 flex grow bg-white"> + <div class="mx-auto flex gap-2"> + <Icon icon="receive" style="w-8" /> + <div class="my-auto">{$t("user.dashboard.receive")}</div> + </div> + </button> + </a> - <a href={`/scan`} class="contents" on:click={setAccount}> - <button - class="rounded-2xl border py-5 px-4 hover:opacity-80 flex shrink bg-white" - > - <div class="mx-auto flex gap-2"> - <Icon icon="camera" style="w-8" /> - </div> - </button> - </a> + <a href={`/scan`} class="contents" on:click={setAccount}> + <button class="py-2 px-4 hover:opacity-80 flex shrink bg-white"> + <div class="mx-auto flex gap-2"> + <Icon icon="camera" style="w-8" /> + </div> + </button> + </a> - <a href={`/send`} class="contents grow" on:click={setAccount}> - <button - type="button" - class="rounded-2xl border py-5 px-6 hover:opacity-80 flex bg-white grow" - > - <div class="mx-auto flex gap-1"> - <Icon icon="send" style="w-8" /> - <div class="my-auto">{$t("user.dashboard.send")}</div> - </div> - </button> - </a> - </div> + <a href={`/send`} class="contents grow" on:click={setAccount}> + <button + type="button" + class="py-2 px-6 hover:opacity-80 flex bg-white grow" + > + <div class="mx-auto flex gap-1"> + <Icon icon="send" style="w-8" /> + <div class="my-auto">{$t("user.dashboard.send")}</div> + </div> + </button> + </a> </div> </a> + diff --git a/src/routes/(app)/[username]/(profile)/+page.svelte b/src/routes/(app)/[username]/(profile)/+page.svelte index 399a33e9..dcec1679 100644 --- a/src/routes/(app)/[username]/(profile)/+page.svelte +++ b/src/routes/(app)/[username]/(profile)/+page.svelte @@ -28,9 +28,11 @@ <div class="space-y-2"> {#if user?.id === subject.id} + <div> {#each accounts as account} <Account {user} {rate} {account} /> {/each} + </div> <div class="flex justify-center gap-2"> <a href={`/account/savings`} class="contents"> diff --git a/src/routes/(app)/invoice/[id]/+page.svelte b/src/routes/(app)/invoice/[id]/+page.svelte index 5ef9e5e5..3b25797d 100644 --- a/src/routes/(app)/invoice/[id]/+page.svelte +++ b/src/routes/(app)/invoice/[id]/+page.svelte @@ -143,8 +143,8 @@ </a> </div> {:else} - <div class="break-all pb-5 text-center text-secondary text-xl"> - {txt} + <div class="break-all pb-5 text-center text-secondary text-xl min-h-[120px] flex"> + <div class="m-auto">{txt}</div> </div> {/if} |