diff options
| author | Adam Soltys <[email protected]> | 2023-12-22 16:39:51 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2023-12-22 16:39:51 -0800 |
| commit | 74d4ba4e3400acc0f7a50e633cd7d3d14208178d (patch) | |
| tree | 93ae9efdb06e49ff9b0369a88c5d2d4fad599cb9 /src/routes/(app)/send | |
| parent | 1df2ed676a1c8c976bc4916f048bd268a6ee9586 (diff) | |
| download | coinos-ui-74d4ba4e3400acc0f7a50e633cd7d3d14208178d.tar.gz coinos-ui-74d4ba4e3400acc0f7a50e633cd7d3d14208178d.zip | |
button styles
Diffstat (limited to 'src/routes/(app)/send')
| -rw-r--r-- | src/routes/(app)/send/[...text]/+page.svelte | 26 |
1 files changed, 12 insertions, 14 deletions
diff --git a/src/routes/(app)/send/[...text]/+page.svelte b/src/routes/(app)/send/[...text]/+page.svelte index 8548964c..effaea60 100644 --- a/src/routes/(app)/send/[...text]/+page.svelte +++ b/src/routes/(app)/send/[...text]/+page.svelte @@ -58,23 +58,21 @@ /> </div> - <div class="flex justify-end"> - {#if text?.length} - <a href={`/qr/${encodeURIComponent(text)}`}> - <button - type="button" - class="flex border rounded-full px-6 py-2 font-bold hover:opacity-80 mr-1" - > - <Icon icon="qr" style="mr-2 w-6 my-auto invert" /> - <div class="my-auto">{$t("user.send.makeQR")}</div> - </button> - </a> - {/if} + <div class="grid grid-cols-2 md:grid-cols-4 gap-2"> + <a href={`/qr/${encodeURIComponent(text)}`} class:invisible={!text?.length}> + <button + type="button" + class="flex border rounded-full px-6 py-2 font-bold hover:opacity-80 mr-1 w-full" + > + <Icon icon="qr" style="mr-2 w-6 my-auto invert" /> + <div class="my-auto">{$t("user.send.makeQR")}</div> + </button> + </a> - <a href="/scan"> + <a href="/scan" class="w-full"> <button type="button" - class="flex border rounded-full px-6 py-2 font-bold hover:opacity-80 mr-1" + class="flex border rounded-full px-6 py-2 font-bold hover:opacity-80 mr-1 w-full" > <Icon icon="camera" style="mr-2 w-6 my-auto" /> <div class="my-auto">{$t("user.send.scan")}</div> |