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