diff options
| -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} |