diff options
| author | Adam Soltys <[email protected]> | 2024-11-21 22:56:09 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2024-11-21 22:56:35 -0800 |
| commit | ff3bbbe6a1814ab5b17386eb630b5dd3111578eb (patch) | |
| tree | 468233f260d41d08685212729cc94b5dc661a570 /src/components | |
| parent | 38660e024c055952180bfa3f9067274cf2e0d6ed (diff) | |
| download | coinos-ui-ff3bbbe6a1814ab5b17386eb630b5dd3111578eb.tar.gz coinos-ui-ff3bbbe6a1814ab5b17386eb630b5dd3111578eb.zip | |
ecash requests
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/InvoiceTypes.svelte | 48 |
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} |
