diff options
| author | Adam Soltys <[email protected]> | 2023-06-06 13:43:08 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2023-06-06 13:43:08 -0700 |
| commit | 916f9715b29003cac421518363316b69b2d860a7 (patch) | |
| tree | 222becee0d7b89085ae3861dbc15474bbd258893 /src | |
| parent | f4da9e0f7d33329cf2ed164a22dd13c67b6cbe6c (diff) | |
| download | coinos-ui-916f9715b29003cac421518363316b69b2d860a7.tar.gz coinos-ui-916f9715b29003cac421518363316b69b2d860a7.zip | |
button spacing
Diffstat (limited to 'src')
| -rw-r--r-- | src/routes/(app)/[username]/invoice/[hash]/+page.svelte | 33 |
1 files changed, 18 insertions, 15 deletions
diff --git a/src/routes/(app)/[username]/invoice/[hash]/+page.svelte b/src/routes/(app)/[username]/invoice/[hash]/+page.svelte index 40166ad4..63b4abdb 100644 --- a/src/routes/(app)/[username]/invoice/[hash]/+page.svelte +++ b/src/routes/(app)/[username]/invoice/[hash]/+page.svelte @@ -179,28 +179,31 @@ </div> {/if} - <div class="text-center"> - <a href={link}> - - {txt.substr(0, 20)}...{txt.substr(-20)} - - </a> - </div> + <div class="text-center"> + <a href={link}> + {txt.substr(0, 20)}...{txt.substr(-20)} + </a> + </div> - <div class="w-full flex justify-center gap-2"> - <button class="flex rounded-full border py-3 px-5 hover:opacity-80" on:click={() => copy(txt)}> + <div class="w-full flex justify-center gap-2 flex-wrap"> + <button + class="flex rounded-full justify-center border py-3 px-5 hover:opacity-80 w-full md:w-auto" + on:click={() => copy(txt)} + > <Icon icon="copy" style="mr-1" /> <div class="text-secondary">{$t('payments.copyText')}</div></button > - <a href={link}> - <button class="flex rounded-full border py-3 px-5 hover:opacity-80"> + <a href={link} class="w-full md:w-auto"> + <button + class="w-full md:w-auto flex justify-center rounded-full border py-3 px-5 hover:opacity-80" + > <Icon icon="link" style="mr-1 w-6" /> - <div class="text-secondary">{$t('payments.openLink')}</div></button - > - </a> + <div class="text-secondary">{$t('payments.openLink')}</div> + </button> + </a> <button - class="flex rounded-full border py-3 px-5 hover:opacity-80" + class="w-full md:w-auto flex justify-center rounded-full border py-3 px-5 hover:opacity-80" on:click={() => (showQr = !showQr)} > <Icon icon="qr" style="mr-1 invert" /> |