diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/Account.svelte | 38 | ||||
| -rw-r--r-- | src/components/Mnemonic.svelte | 2 |
2 files changed, 21 insertions, 19 deletions
diff --git a/src/components/Account.svelte b/src/components/Account.svelte index 4f615c49..d283b393 100644 --- a/src/components/Account.svelte +++ b/src/components/Account.svelte @@ -16,21 +16,23 @@ <a href={`/payments`} class="block space-y-2" on:click={setAccount}> <div class="flex"> <Balance {balance} {user} {rate} /> - <a href={`/payments`} class="contents" on:click={setAccount}> - <button class="ml-auto flex gap-1 mb-auto pb-4 pl-4"> - <Icon icon="clock" style="w-8 my-auto" /> - </button> - </a> - <a href={`/account/${id}`} class="contents"> - <button class="flex gap-1 mb-auto pb-4 pl-4"> - <Icon icon="settings" style="w-8 my-auto" /> - </button> - </a> + <a href={`/payments`} class="contents" on:click={setAccount}> + <button class="ml-auto flex gap-1 mb-auto pb-4 pl-4"> + <Icon icon="clock" style="w-8 my-auto" /> + </button> + </a> + <a href={`/account/${id}`} class="contents"> + <button class="flex gap-1 mb-auto pb-4 pl-4"> + <Icon icon="settings" style="w-8 my-auto" /> + </button> + </a> </div> <div class="flex justify-center w-full text-lg gap-2"> <a href={`/invoice`} class="contents" on:click={setAccount}> - <button class="py-3 px-4 hover:opacity-80 flex grow border rounded-2xl bg-primary"> + <button + class="py-3 px-4 hover:opacity-80 flex grow border rounded-2xl bg-primary" + > <div class="mx-auto flex gap-2"> <Icon icon="receive" style="w-8" /> <div class="my-auto">{$t("user.dashboard.receive")}</div> @@ -40,13 +42,13 @@ <a href={`/send`} class="contents grow" on:click={setAccount}> <button - type="button" - class="py-3 px-4 hover:opacity-80 flex grow border rounded-2xl bg-primary" - > - <div class="mx-auto flex gap-1"> - <Icon icon="send" style="w-8" /> - <div class="my-auto">{$t("user.dashboard.send")}</div> - </div> + type="button" + class="py-3 px-4 hover:opacity-80 flex grow border rounded-2xl bg-primary" + > + <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> diff --git a/src/components/Mnemonic.svelte b/src/components/Mnemonic.svelte index ff5aea32..f68d6fe0 100644 --- a/src/components/Mnemonic.svelte +++ b/src/components/Mnemonic.svelte @@ -3,7 +3,7 @@ </script> <div - class="text-lg border p-4 rounded-2xl text-secondary grid xss:grid-flow-col xss:grid-rows-6 xss:grid-cols-2 grid-cols-3 gap-2 justify-items-center whitespace-nowrap w-full" + class="text-lg border p-4 rounded-2xl text-secondary grid grid-flow-col grid-rows-6 grid-cols-2 sm:grid-cols-3 sm:grid-flow-row gap-2 justify-items-center whitespace-nowrap w-full" > {#each mnemonic.split(" ") as w, i} <div class="flex gap-1"> |