BradNut/boredgame
1
0
Fork 0
mirror of https://github.com/BradNut/boredgame synced 2025-09-08 17:40:22 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Format details buttons.

Browse source
This commit is contained in:
Bradley Shellnut 2023-01-07 16:33:00 -08:00
parent 001ca931b5
commit a482df809a
1 changed files with 5 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/routes/game/[id]/+page.svelte
View file

@ -37,7 +37,7 @@
firstParagraphEnd = game?.description?.indexOf('</ p>') + 5; firstParagraphEnd = game?.description?.indexOf('</ p>') + 5;
} }
function remoceFromCollection() { function removeFromCollection() {
boredState.update((n) => ({ boredState.update((n) => ({
...n, ...n,
dialog: { isOpen: true, content: RemoveCollectionDialog, additionalData: game } dialog: { isOpen: true, content: RemoveCollectionDialog, additionalData: game }
@ -65,7 +65,7 @@
<!-- <img src={game.image_url} alt={`Image of ${game.name}`} /> --> <!-- <img src={game.image_url} alt={`Image of ${game.name}`} /> -->
</a> </a>
</div> </div>
<div style="display: grid; place-items: center; gap: 2rem;"> <div style="display: grid; place-items: center; gap: 3rem;">
<div class="details"> <div class="details">
{#if game?.year_published} {#if game?.year_published}
<p>Year: {game?.year_published}</p> <p>Year: {game?.year_published}</p>
@ -88,9 +88,9 @@
</LinkWithIcon> </LinkWithIcon>
</p> </p>
</div> </div>
<div> <div style="display: grid; gap: 1.5rem; place-content: center;">
{#if existsInCollection} {#if existsInCollection}
<Button size="md" kind="danger" icon on:click={() => remoceFromCollection()}> <Button size="md" kind="danger" icon on:click={() => removeFromCollection()}>
Remove from collection <MinusCircleIcon width="24" height="24" /> Remove from collection <MinusCircleIcon width="24" height="24" />
</Button> </Button>
{:else} {:else}
@ -108,8 +108,6 @@
Add to collection <PlusCircleIcon width="24" height="24" /> Add to collection <PlusCircleIcon width="24" height="24" />
</Button> </Button>
{/if} {/if}
</div>
<div>
{#if existsInWishlist} {#if existsInWishlist}
<Button size="md" kind="danger" icon on:click={() => removeFromWishList()}> <Button size="md" kind="danger" icon on:click={() => removeFromWishList()}>
Remove from wishlist <MinusCircleIcon width="24" height="24" /> Remove from wishlist <MinusCircleIcon width="24" height="24" />
@ -176,7 +174,7 @@
border-radius: 4px; border-radius: 4px;
margin: 0; margin: 0;
padding: 1rem; padding: 1rem;
max-width: 30rem; max-width: 25rem;
background-color: var(--color-btn-primary-active); background-color: var(--color-btn-primary-active);
} }