diff options
| author | Fuwn <[email protected]> | 2024-02-10 02:37:45 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-02-10 02:37:45 -0800 |
| commit | 79e198e37e517d04d0b42fcaae500eac0cc1bd21 (patch) | |
| tree | b08eb0c3e09253a754bdbcdb17a642d71b562c06 /src | |
| parent | feat(badges): fallback yotsuba (diff) | |
| download | due.moe-79e198e37e517d04d0b42fcaae500eac0cc1bd21.tar.xz due.moe-79e198e37e517d04d0b42fcaae500eac0cc1bd21.zip | |
feat(badges): fallback for awc badges
Diffstat (limited to 'src')
| -rw-r--r-- | src/lib/FallbackImage.svelte | 8 | ||||
| -rw-r--r-- | src/routes/user/[user]/badges/+page.svelte | 11 |
2 files changed, 12 insertions, 7 deletions
diff --git a/src/lib/FallbackImage.svelte b/src/lib/FallbackImage.svelte index a8f367fb..e57b5334 100644 --- a/src/lib/FallbackImage.svelte +++ b/src/lib/FallbackImage.svelte @@ -28,5 +28,11 @@ on:error={(e) => delayedReplace(e, fallback)} /> {:else} - <img src={error} alt="Not found" loading="lazy" /> + <img src={error} alt="Not found" loading="lazy" class="badge" /> {/if} + +<style> + .badge { + border-radius: 8px; + } +</style> diff --git a/src/routes/user/[user]/badges/+page.svelte b/src/routes/user/[user]/badges/+page.svelte index 67c5a2f6..6f959564 100644 --- a/src/routes/user/[user]/badges/+page.svelte +++ b/src/routes/user/[user]/badges/+page.svelte @@ -468,16 +468,15 @@ <a href={badge.link} target="_blank" + class="badge" id={`badge-${badge.link}`} title={badge.description} use:tooltip > - <img - src={cdn(thumbnail(badge.image))} - alt={badge.description} - loading="lazy" - class="badge" - on:error={(e) => fallback(e, thumbnail(badge.image))} + <FallbackImage + source={cdn(thumbnail(badge.image))} + alternative={badge.description} + fallback={thumbnail(badge.image)} /> </a> {/each} |