diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/lib/Tools/Wrapped.svelte | 52 | ||||
| -rw-r--r-- | src/routes/tools/+page.svelte | 8 |
2 files changed, 32 insertions, 28 deletions
diff --git a/src/lib/Tools/Wrapped.svelte b/src/lib/Tools/Wrapped.svelte index d8c28914..ea17fefc 100644 --- a/src/lib/Tools/Wrapped.svelte +++ b/src/lib/Tools/Wrapped.svelte @@ -30,24 +30,28 @@ currentUserIdentity = JSON.parse($userIdentity); currentUserIdentity.name = currentUserIdentity.name; - animeList = await mediaListCollection( - user, - currentUserIdentity, - Type.Anime, - $anime, - $lastPruneTimes.anime, - true, - true - ); - mangaList = await mediaListCollection( - user, - currentUserIdentity, - Type.Manga, - $manga, - $lastPruneTimes.manga, - true, - true - ); + animeList = ( + await mediaListCollection( + user, + currentUserIdentity, + Type.Anime, + $anime, + $lastPruneTimes.anime, + true, + true + ) + ).filter((m) => m.mediaListEntry?.status === 'COMPLETED'); + mangaList = ( + await mediaListCollection( + user, + currentUserIdentity, + Type.Manga, + $manga, + $lastPruneTimes.manga, + true, + true + ) + ).filter((m) => m.mediaListEntry?.status === 'COMPLETED'); animeList = animeList.sort((a, b) => { if (a.mediaListEntry?.score === undefined) { return 1; @@ -249,7 +253,7 @@ display: flex; flex-wrap: wrap; row-gap: 1.5em; - column-gap: 1em; + column-gap: 1.5em; padding: 1%; justify-content: center; } @@ -259,9 +263,9 @@ } .image-grid { - display: grid; + display: flex; column-gap: 1em; - grid-template-columns: 1fr 2fr; + flex-wrap: wrap; } .image-grid img { @@ -272,12 +276,6 @@ height: 8.75em !important; } - .grid-item { - min-width: 300px; - flex: 1 1 300px; - /* text-align: center; */ - } - .categories-grid a { text-decoration: none; color: unset; diff --git a/src/routes/tools/+page.svelte b/src/routes/tools/+page.svelte index 4ee3d604..b0bb5569 100644 --- a/src/routes/tools/+page.svelte +++ b/src/routes/tools/+page.svelte @@ -22,7 +22,7 @@ {:else if tool === 2} <ActivityHistory user={data.user} /> {:else if tool === 3} - <div style="max-width: 953.6px;"><Wrapped user={data.user} /></div> + <div id="wrapped"><Wrapped user={data.user} /></div> {:else if tool === 1} <ul> {#await todaysCharacterBirthdays()} @@ -51,3 +51,9 @@ {/await} </ul> {/if} + +<style> + #wrapped { + max-width: 60%; + } +</style> |