aboutsummaryrefslogtreecommitdiffstats
path: root/src/routes/invoice
diff options
context:
space:
mode:
authorsecondl1ght <[email protected]>2022-09-24 22:20:18 -0600
committersecondl1ght <[email protected]>2022-09-24 22:20:18 -0600
commitf4dead26c92e2ef6be45af0eb56d12bb3a00d983 (patch)
tree41048b6b097d90e01c696213789ea7f2bdabda05 /src/routes/invoice
parentfb264d8f09662f1acd8141ae0ee6d2e08cb011fe (diff)
downloadcoinos-ui-f4dead26c92e2ef6be45af0eb56d12bb3a00d983.tar.gz
coinos-ui-f4dead26c92e2ef6be45af0eb56d12bb3a00d983.zip
lots of style updates after design review, bug fixes, and more improve
Diffstat (limited to 'src/routes/invoice')
-rw-r--r--src/routes/invoice/[id]/+page.svelte13
1 files changed, 8 insertions, 5 deletions
diff --git a/src/routes/invoice/[id]/+page.svelte b/src/routes/invoice/[id]/+page.svelte
index 67cd8efa..d935affb 100644
--- a/src/routes/invoice/[id]/+page.svelte
+++ b/src/routes/invoice/[id]/+page.svelte
@@ -181,7 +181,8 @@
>
<button
class="hidden {showCustomAmount ? 'md:block' : ''}"
- on:click={() => (showCustomAmount = false)}><Icon icon="close" /></button
+ on:click={() => (showCustomAmount = false)}
+ ><Icon icon="close" style="hover:opacity-80" /></button
>
</div>
<h1 class="hidden md:block text-4xl font-semibold">{$t('invoice.addTipq')}</h1>
@@ -258,7 +259,7 @@
/>
<!-- invoice section -->
- <div class="text-center space-y-5">
+ <div class="text-center space-y-5 max-w-[300px]">
<button
class="block md:hidden bg-black {showMobileTip
? 'text-white/50'
@@ -286,11 +287,13 @@
</button>
<!-- found missing translation --->
- <span class="text-secondary block"
- >Scan to pay <a href="/{username}" class="text-black font-semibold">{username}</a></span
+ <span class="text-secondary block text-2xl break-all"
+ >Scan to pay <a href="/{username}" class="text-black font-semibold hover:opacity-80"
+ >{username}</a
+ ></span
>
- <div class="border border-gray-200 rounded-2xl">
+ <div class="border border-gray-200 rounded-3xl">
<Qr {text} {image} disabled={showMobileTip} bind:qr />
</div>