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/routes | |
| 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/routes')
| -rw-r--r-- | src/routes/user/[user]/badges/+page.svelte | 12 |
1 files changed, 12 insertions, 0 deletions
diff --git a/src/routes/user/[user]/badges/+page.svelte b/src/routes/user/[user]/badges/+page.svelte index ccce0be1..f45ee1e7 100644 --- a/src/routes/user/[user]/badges/+page.svelte +++ b/src/routes/user/[user]/badges/+page.svelte @@ -25,6 +25,7 @@ import { browser } from '$app/environment'; // import { io } from 'socket.io-client'; import Tooltip from '$lib/Tooltip/LinkedTooltip.svelte'; + import BadgePreview from '$lib/BadgeWall/BadgePreview.svelte'; export let data; @@ -809,6 +810,7 @@ {:else} <FallbackBadge {badge} + bind:selectedBadge source={cdn(thumbnail(badge.image))} alternative={badge.description} fallback={thumbnail(badge.image)} @@ -826,6 +828,16 @@ {/each} {/if} </div> + + <Popup + fullscreen + show={selectedBadge !== undefined && selectedBadge.image !== undefined && !editMode} + onLeave={() => { + selectedBadge = undefined; + }} + > + <BadgePreview badge={selectedBadge} /> + </Popup> {:catch} <Popup fullscreen locked>Could not parse badges</Popup> {/await} |