diff options
| author | Fuwn <[email protected]> | 2024-04-20 22:17:31 -0700 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-04-20 22:17:31 -0700 |
| commit | 76391e426889ced005ba0d8df799d985046daad0 (patch) | |
| tree | 8135e4ae11d82be6be1917458307036e2cbbdfa9 /src | |
| parent | feat(user): user parallax image (diff) | |
| download | due.moe-76391e426889ced005ba0d8df799d985046daad0.tar.xz due.moe-76391e426889ced005ba0d8df799d985046daad0.zip | |
feat(user): parallax hololive badges
Diffstat (limited to 'src')
| -rw-r--r-- | src/routes/user/[user]/+page.svelte | 11 |
1 files changed, 4 insertions, 7 deletions
diff --git a/src/routes/user/[user]/+page.svelte b/src/routes/user/[user]/+page.svelte index b0b4ea8a..850bdb26 100644 --- a/src/routes/user/[user]/+page.svelte +++ b/src/routes/user/[user]/+page.svelte @@ -184,13 +184,9 @@ {#if avatar} <a href={root(`/hololive/${encodeURIComponent(stream)}`)}> - <img - src={avatar} - alt="Avatar" - class="user-grid-hololive-badges" - title={stream} - use:tooltip - /> + <div class="user-grid-hololive-badges" title={stream} use:tooltip> + <ParallaxImage source={avatar} alternativeText="Avatar" /> + </div> </a> {/if} {/each} @@ -310,6 +306,7 @@ object-fit: cover; transition: $transition; box-shadow: rgba(0, 0, 11, 0.1) 0px 7px 29px 0px; + overflow: hidden; &:hover { z-index: 2; |