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

Padding to the hidden description content.

Browse source
This commit is contained in:
Bradley Shellnut 2022-10-31 10:25:02 -05:00
parent bef6ca3192
commit 7b0af8ed7e
1 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -92,13 +92,13 @@
</div> </div>
</section> </section>
{#if firstParagraphEnd > 0} {#if firstParagraphEnd > 0}
<section class="description first-paragraph" style="margin-top: 2rem;"> <section class="description" style="margin-top: 2rem;">
{@html game?.description?.substring(0, firstParagraphEnd)} {@html game?.description?.substring(0, firstParagraphEnd)}
</section> </section>
{#if game?.description?.substring(firstParagraphEnd + 1) !== ''} {#if game?.description?.substring(firstParagraphEnd + 1) !== ''}
<section class="description"> <section class="description">
{#if seeMore} {#if seeMore}
<div in:fly={{ opacity: 0, x: 100 }} out:fade> <div class="overflow-description" in:fly={{ opacity: 0, x: 100 }} out:fade>
{@html game?.description?.substring(firstParagraphEnd + 1)} {@html game?.description?.substring(firstParagraphEnd + 1)}
</div> </div>
{/if} {/if}
@ -181,9 +181,15 @@
margin: 1rem; margin: 1rem;
} }
.overflow-description {
display: grid;
gap: 1.5rem;
}
.with-icon { .with-icon {
display: flex; display: grid;
flex-wrap: wrap; grid-template-columns: repeat(2, auto);
/* flex-wrap: wrap; */
place-items: center; place-items: center;
gap: 1rem; gap: 1rem;
} }