aljaz/hypergolic
1
0
Fork 0
mirror of https://github.com/aljazceru/hypergolic.git synced 2025-12-18 22:14:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

problem: product page doesn't use product groups

Browse Source
This commit is contained in:
Bob
2024-08-06 16:40:25 +08:00
parent 6c6f7c14ac
commit 9c066c8ee0
5 changed files with 95 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/ProductCard.svelte
View File

@@ -11,7 +11,10 @@
{#if product.Validate()}
<Card.Root>
<Card.Header>
<Card.Title>{product.Group()} {#if product.Option().length > 0}(variant: {product.Option()}){/if}</Card.Title>
<Card.Title
>{product.Group()}
{#if product.Option().length > 0}(variant: {product.Option()}){/if}</Card.Title
>
<Card.Description>{product.Description()}</Card.Description>
</Card.Header>
@@ -27,9 +30,11 @@
</div>
</Card.Content>
{:else}
<img src={product.CoverImage()} alt="cover" class="aspect-square object-cover" />
<div class="grid place-items-center">
<img src={product.CoverImage()} alt="cover" class="aspect-square object-cover" />
</div>
{/if}
<Card.Footer class="flex justify-center pt-2">
<Card.Footer class="flex items-center justify-center pt-2">
{#if !rocket.Products().get(product.ID())}
<AddProductToRocket {product} {rocket} />
{:else}