diff options
| author | Fuwn <[email protected]> | 2023-12-25 16:28:39 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2023-12-25 16:28:39 -0800 |
| commit | 9644203cc0b1c535d1d4917336eb1fe972ad10b3 (patch) | |
| tree | 791d48341f2cee81b85f1f1eb10ed31bf01c4f22 /src/lib/Tools | |
| parent | fix(wrapped): account for no activity (diff) | |
| download | due.moe-9644203cc0b1c535d1d4917336eb1fe972ad10b3.tar.xz due.moe-9644203cc0b1c535d1d4917336eb1fe972ad10b3.zip | |
fix(wrapped): move panel length filter up
Diffstat (limited to 'src/lib/Tools')
| -rw-r--r-- | src/lib/Tools/Wrapped.svelte | 88 |
1 files changed, 42 insertions, 46 deletions
diff --git a/src/lib/Tools/Wrapped.svelte b/src/lib/Tools/Wrapped.svelte index ac41a72e..fe7545ba 100644 --- a/src/lib/Tools/Wrapped.svelte +++ b/src/lib/Tools/Wrapped.svelte @@ -456,59 +456,55 @@ </div> {#if animeList !== undefined || mangaList !== undefined} <div class="categories-grid"> - {#if animeList !== undefined} + {#if animeList !== undefined && animeList.length !== 0} <div class="category-grid pure-category category middle-category"> <div class="grid-item image-grid"> - {#if animeList.length !== 0} - <a href={`https://anilist.co/anime/${animeList[0].id}`} target="_blank"> - <img - src={proxy(animeList[0].coverImage.extraLarge)} - alt="Highest Rated Anime Cover" - class="cover-image" - on:load={updateWidth} - /> - </a> - <div> - <b>Highest Rated Anime</b> - <ol> - {#each animeList?.slice(0, highestRatedCount) as anime} - <li> - <a href={`https://anilist.co/anime/${anime.id}`} target="_blank"> - {anime.title.english || anime.title.romaji || anime.title.native} - </a> - </li> - {/each} - </ol> - </div> - {/if} + <a href={`https://anilist.co/anime/${animeList[0].id}`} target="_blank"> + <img + src={proxy(animeList[0].coverImage.extraLarge)} + alt="Highest Rated Anime Cover" + class="cover-image" + on:load={updateWidth} + /> + </a> + <div> + <b>Highest Rated Anime</b> + <ol> + {#each animeList?.slice(0, highestRatedCount) as anime} + <li> + <a href={`https://anilist.co/anime/${anime.id}`} target="_blank"> + {anime.title.english || anime.title.romaji || anime.title.native} + </a> + </li> + {/each} + </ol> + </div> </div> </div> {/if} - {#if mangaList !== undefined} + {#if mangaList !== undefined && mangaList.length !== 0} <div class="category-grid pure-category category middle-category"> <div class="grid-item image-grid"> - {#if mangaList.length !== 0} - <a href={`https://anilist.co/manga/${mangaList[0].id}`} target="_blank"> - <img - src={proxy(mangaList[0].coverImage.extraLarge)} - alt="Highest Rated Manga Cover" - class="cover-image" - on:load={updateWidth} - /> - </a> - <div> - <b>Highest Rated Manga</b> - <ol> - {#each mangaList?.slice(0, highestRatedCount) as manga} - <li> - <a href={`https://anilist.co/manga/${manga.id}`} target="_blank"> - {manga.title.english || manga.title.romaji || manga.title.native} - </a> - </li> - {/each} - </ol> - </div> - {/if} + <a href={`https://anilist.co/manga/${mangaList[0].id}`} target="_blank"> + <img + src={proxy(mangaList[0].coverImage.extraLarge)} + alt="Highest Rated Manga Cover" + class="cover-image" + on:load={updateWidth} + /> + </a> + <div> + <b>Highest Rated Manga</b> + <ol> + {#each mangaList?.slice(0, highestRatedCount) as manga} + <li> + <a href={`https://anilist.co/manga/${manga.id}`} target="_blank"> + {manga.title.english || manga.title.romaji || manga.title.native} + </a> + </li> + {/each} + </ol> + </div> </div> </div> {/if} |