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>
</section>
{#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)}
</section>
{#if game?.description?.substring(firstParagraphEnd + 1) !== ''}
<section class="description">
{#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)}
</div>
{/if}
@ -181,9 +181,15 @@
margin: 1rem;
}
.overflow-description {
display: grid;
gap: 1.5rem;
}
.with-icon {
display: flex;
flex-wrap: wrap;
display: grid;
grid-template-columns: repeat(2, auto);
/* flex-wrap: wrap; */
place-items: center;
gap: 1rem;
}