diff options
| author | Fuwn <[email protected]> | 2024-04-15 17:46:46 -0700 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-04-15 17:46:46 -0700 |
| commit | 6087f5b5e60de9d38855d6ee71e5b3ff9f28684b (patch) | |
| tree | d1cb87caa5487bface9bd2081bc8982d2640c5e6 /src | |
| parent | feat(match): compare day of release (diff) | |
| download | due.moe-6087f5b5e60de9d38855d6ee71e5b3ff9f28684b.tar.xz due.moe-6087f5b5e60de9d38855d6ee71e5b3ff9f28684b.zip | |
feat(badges): fade hidden badges in edit mode
Diffstat (limited to 'src')
| -rw-r--r-- | src/lib/FallbackImage.svelte | 2 | ||||
| -rw-r--r-- | src/routes/user/[user]/badges/+page.svelte | 1 |
2 files changed, 3 insertions, 0 deletions
diff --git a/src/lib/FallbackImage.svelte b/src/lib/FallbackImage.svelte index 0ea49c6c..52f0324d 100644 --- a/src/lib/FallbackImage.svelte +++ b/src/lib/FallbackImage.svelte @@ -6,6 +6,7 @@ export let replaceDelay = 1000; export let error = 'https://i2.kym-cdn.com/photos/images/newsfeed/000/290/992/0aa.jpg'; export let hideOnError = false; + export let style = ''; let replaceCount = 0; @@ -27,6 +28,7 @@ loading="lazy" class="badge" on:error={(e) => delayedReplace(e, fallback)} + {style} /> {:else if !hideOnError} <img src={error} alt="Not found" loading="lazy" class="badge" /> diff --git a/src/routes/user/[user]/badges/+page.svelte b/src/routes/user/[user]/badges/+page.svelte index 233be31a..d55068e4 100644 --- a/src/routes/user/[user]/badges/+page.svelte +++ b/src/routes/user/[user]/badges/+page.svelte @@ -760,6 +760,7 @@ source={cdn(thumbnail(badge.image))} alternative={badge.description} fallback={thumbnail(badge.image)} + style={badge.hidden ? 'filter: grayscale(100%); opacity: 50%;' : ''} /> </a> {:else} |