diff options
| author | Fuwn <[email protected]> | 2024-04-18 18:38:14 -0700 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-04-18 18:38:14 -0700 |
| commit | 15f52f55955d56989b7b6039c04c0df427ff1bde (patch) | |
| tree | 60f1d27556628e2d552e090e190088be8197a85f /src/lib/FallbackBadge.svelte | |
| parent | feat(badges): auto-collapse awc when owner (diff) | |
| download | due.moe-15f52f55955d56989b7b6039c04c0df427ff1bde.tar.xz due.moe-15f52f55955d56989b7b6039c04c0df427ff1bde.zip | |
feat(badges): badge preview pane
Diffstat (limited to 'src/lib/FallbackBadge.svelte')
| -rw-r--r-- | src/lib/FallbackBadge.svelte | 12 |
1 files changed, 11 insertions, 1 deletions
diff --git a/src/lib/FallbackBadge.svelte b/src/lib/FallbackBadge.svelte index 323ea791..c4604263 100644 --- a/src/lib/FallbackBadge.svelte +++ b/src/lib/FallbackBadge.svelte @@ -13,6 +13,7 @@ export let hideOnError = false; export let badge: Badge; export let style = ''; + export let selectedBadge: Badge | null = null; let replaceCount = 0; let badgeReference: HTMLImageElement; @@ -56,7 +57,16 @@ pin={`badge-${badge.id}`} pinPosition="top" > - <a href={badge.post} target="_blank" class="badge-container badge"> + <a + href={'#'} + target="_blank" + class="badge-container badge" + on:click={(e) => { + e.preventDefault(); + + selectedBadge = badge; + }} + > <img src={source} alt={alternative} |