diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/Account.svelte | 40 | ||||
| -rw-r--r-- | src/components/WalletPass.svelte | 8 |
2 files changed, 28 insertions, 20 deletions
diff --git a/src/components/Account.svelte b/src/components/Account.svelte index 8f72119e..d4a89556 100644 --- a/src/components/Account.svelte +++ b/src/components/Account.svelte @@ -10,42 +10,52 @@ $: refresh(account); let refresh = (a) => ({ seed, balance, id } = a); - let setAccount = () => - (document.cookie = `aid=${id}; path=/; max-age=86400`); + let setAccount = () => (document.cookie = `aid=${id}; path=/; max-age=86400`); </script> <a href={`/payments`} class="block" on:click={setAccount}> - <div class="border rounded-xl shadow p-4 space-y-5"> + <div class="p-8 space-y-5 bg-primary rounded-2xl border"> <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-2 pl-2"> - <div class="my-auto text-secondary">{name}</div> + <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> - <div class="flex flex-wrap gap-3 justify-center w-full text-xl"> - <a href={`/send`} class="contents grow" on:click={setAccount}> + <div class="flex flex-wrap gap-1 justify-center w-full text-xl"> + <a href={`/invoice`} class="contents" on:click={setAccount}> <button - type="button" - class="rounded-2xl border py-5 px-6 font-bold hover:opacity-80 flex bg-primary grow" + class="rounded-2xl border py-5 px-6 hover:opacity-80 flex grow bg-white" > <div class="mx-auto flex gap-2"> - <Icon icon="send" style="w-8" /> - <div class="my-auto">{$t("user.dashboard.send")}</div> + <Icon icon="receive" style="w-8" /> + <div class="my-auto">{$t("user.dashboard.receive")}</div> </div> </button> </a> - <a href={`/invoice`} class="contents" on:click={setAccount}> + <a href={`/scan`} class="contents" on:click={setAccount}> <button - class="rounded-2xl border py-5 px-6 font-bold hover:opacity-80 flex bg-primary grow" + class="rounded-2xl border py-5 px-6 hover:opacity-80 flex shrink bg-white" > <div class="mx-auto flex gap-2"> - <Icon icon="receive" style="w-8" /> - <div class="my-auto">{$t("user.dashboard.receive")}</div> + <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> diff --git a/src/components/WalletPass.svelte b/src/components/WalletPass.svelte index 69b95107..75c94f34 100644 --- a/src/components/WalletPass.svelte +++ b/src/components/WalletPass.svelte @@ -22,7 +22,6 @@ name="password" type="text" required - class="bg-primary" bind:value={password} autocapitalize="none" use:focus @@ -32,7 +31,6 @@ name="password" type="password" required - class="bg-primary" bind:value={password} autocapitalize="none" use:focus @@ -41,7 +39,7 @@ <button type="button" on:click={() => (revealPassword = !revealPassword)} - class="absolute right-5 top-6" + class="absolute right-5 top-1/2" > <Icon icon={revealPassword ? "eye" : "eye-off"} /> </button> @@ -49,7 +47,7 @@ <div class="w-full flex justify-center gap-2"> <button type="button" - class="border-2 bg-primary rounded-2xl font-semibold mx-auto py-5 px-6 hover:opacity-80 mx-auto grow" + class="border rounded-2xl font-semibold mx-auto py-5 px-6 hover:opacity-80 mx-auto grow" on:click={cancel} on:keydown={cancel} > @@ -57,7 +55,7 @@ </button> <button type="submit" - class="rounded-2xl font-semibold mx-auto py-5 px-6 hover:opacity-80 mx-auto grow bg-black text-white" + class="border rounded-2xl font-semibold mx-auto py-5 px-6 hover:opacity-80 mx-auto grow" > <div class="my-auto">Submit</div> </button> |