aljaz/hypergolic
1
0
Fork 0
mirror of https://github.com/aljazceru/hypergolic.git synced 2025-12-19 06:24:20 +01:00
Code Issues Packages Projects Releases Wiki Activity

problem: product count doesn't look nice

Browse Source
This commit is contained in:
gsovereignty
2024-08-17 21:36:02 +08:00
parent 85db532e6a
commit ba3b4ad05a
1 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/ProductCard.svelte
View File

@@ -10,6 +10,7 @@
import PayNow from './PayNow.svelte';
import { onMount } from 'svelte';
import { devmode } from '@/stores/session';
import BadgeMaker from './BadgeMaker.svelte';
export let product: ProductEvent;
export let rocket: Rocket;
@@ -71,8 +72,17 @@
<AddProductToRocket {product} {rocket} />
{:else if productFromRocket}
{#if productFromRocket.MaxPurchases() && unratifiedZaps}
<div class="flex flex-nowrap">
{remainingProducts(productFromRocket, unratifiedZaps)} available
<div class="mb-4 flex flex-nowrap">
<BadgeMaker
><div slot="icon">SOLD:</div>
<div slot="content">{unratifiedZaps.size}</div></BadgeMaker
>
<BadgeMaker
><div slot="icon">AVAILABLE:</div>
<div slot="content">
{remainingProducts(productFromRocket, unratifiedZaps)}
</div></BadgeMaker
>
</div>
{/if}
<PayNow