aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/InvoiceTypes.svelte
diff options
context:
space:
mode:
authorAdam Soltys <[email protected]>2024-11-21 22:56:09 -0800
committerAdam Soltys <[email protected]>2024-11-21 22:56:35 -0800
commitff3bbbe6a1814ab5b17386eb630b5dd3111578eb (patch)
tree468233f260d41d08685212729cc94b5dc661a570 /src/components/InvoiceTypes.svelte
parent38660e024c055952180bfa3f9067274cf2e0d6ed (diff)
downloadcoinos-ui-ff3bbbe6a1814ab5b17386eb630b5dd3111578eb.tar.gz
coinos-ui-ff3bbbe6a1814ab5b17386eb630b5dd3111578eb.zip
ecash requests
Diffstat (limited to 'src/components/InvoiceTypes.svelte')
-rw-r--r--src/components/InvoiceTypes.svelte48
1 files changed, 26 insertions, 22 deletions
diff --git a/src/components/InvoiceTypes.svelte b/src/components/InvoiceTypes.svelte
index 4e1e5b20..e6c3478d 100644
--- a/src/components/InvoiceTypes.svelte
+++ b/src/components/InvoiceTypes.svelte
@@ -6,33 +6,17 @@
<div class="grid grid-cols-2 gap-2 justify-around text-secondary">
<button
class="btn flex-nowrap"
- class:bg-base-300={type === types.bitcoin}
- class:text-secondary={type === types.bitcoin}
- onclick={() => setType(types.bitcoin)}
- >
- <img src="/images/bitcoin.svg" class="w-8" alt="Bitcoin" />
- <div class="my-auto text-lg">Bitcoin</div>
- </button>
-
- <button
- class="btn flex-nowrap"
- class:bg-base-300={type === types.liquid}
- class:text-secondary={type === types.liquid}
- onclick={() => setType(types.liquid)}
- >
- <img src="/images/liquid.svg" class="w-8" alt="Liquid" />
- <div class="my-auto text-lg">Liquid</div>
- </button>
-
- <button
- class="btn flex-nowrap"
class:bg-base-300={type === types.lightning}
class:text-secondary={type === types.lightning}
onclick={() => setType(types.lightning)}
>
- <div class="bg-base-100 rounded-full w-8 h-8 items-center justify-center flex">
+ <div
+ class="bg-base-100 rounded-full w-8 h-8 items-center justify-center flex"
+ >
<div class="m-auto">
- <iconify-icon icon="ph:lightning-fill" class="text-yellow-300 text-3xl"
+ <iconify-icon
+ icon="ph:lightning-fill"
+ class="text-yellow-300 text-3xl"
></iconify-icon>
</div>
</div>
@@ -45,6 +29,26 @@
<div class="my-auto text-lg">Ecash</div>
</button>
</a>
+
+ <button
+ class="btn flex-nowrap"
+ class:bg-base-300={type === types.bitcoin}
+ class:text-secondary={type === types.bitcoin}
+ onclick={() => setType(types.bitcoin)}
+ >
+ <img src="/images/bitcoin.svg" class="w-8" alt="Bitcoin" />
+ <div class="my-auto text-lg">Bitcoin</div>
+ </button>
+
+ <button
+ class="btn flex-nowrap"
+ class:bg-base-300={type === types.liquid}
+ class:text-secondary={type === types.liquid}
+ onclick={() => setType(types.liquid)}
+ >
+ <img src="/images/liquid.svg" class="w-8" alt="Liquid" />
+ <div class="my-auto text-lg">Liquid</div>
+ </button>
</div>
{#if type === types.liquid}