diff options
| author | Fuwn <[email protected]> | 2024-02-04 07:28:31 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-02-04 07:28:31 -0800 |
| commit | 766d8b1e00a6648294b1bbf238cc478fae065dbe (patch) | |
| tree | 388119cde42ce264fd130e140c0a8c7cedd97894 /src | |
| parent | feat(locale): replace manga with kanji (diff) | |
| download | due.moe-766d8b1e00a6648294b1bbf238cc478fae065dbe.tar.xz due.moe-766d8b1e00a6648294b1bbf238cc478fae065dbe.zip | |
feat(badges): use thumbnails for catbox.moe
Diffstat (limited to 'src')
| -rw-r--r-- | src/routes/user/[user]/badges/+page.svelte | 15 |
1 files changed, 9 insertions, 6 deletions
diff --git a/src/routes/user/[user]/badges/+page.svelte b/src/routes/user/[user]/badges/+page.svelte index 28b60c6f..24a3de8f 100644 --- a/src/routes/user/[user]/badges/+page.svelte +++ b/src/routes/user/[user]/badges/+page.svelte @@ -282,6 +282,9 @@ return set; }, {}); }; + + const thumbnail = (url: string | undefined) => + url && url.includes('catbox.moe') ? url.replace('catbox.moe/', 'catbox.moe/thumbs/t_') : url; </script> <HeadTitle route={`${data.username}'s Badge Wall`} path={`/user/${data.username}`} /> @@ -331,11 +334,11 @@ use:tooltip > <img - src={cdn(badge.image)} + src={cdn(thumbnail(badge.image))} alt={badge.description} loading="lazy" class="badge" - on:error={(e) => fallback(e, badge.image)} + on:error={(e) => fallback(e, thumbnail(badge.image))} /> </a> {/each} @@ -499,10 +502,10 @@ use:tooltip > <img - src={cdn(badge.image)} + src={cdn(thumbnail(badge.image))} alt={badge.description} loading="lazy" - on:error={(e) => fallback(e, badge.image)} + on:error={(e) => fallback(e, thumbnail(badge.image))} /> </a> {:else} @@ -517,10 +520,10 @@ use:tooltip > <img - src={cdn(badge.image)} + src={cdn(thumbnail(badge.image))} alt={badge.description} loading="lazy" - on:error={(e) => fallback(e, badge.image)} + on:error={(e) => fallback(e, thumbnail(badge.image))} /> </a> {/if} |