diff options
| author | Fuwn <[email protected]> | 2024-04-20 23:40:41 -0700 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-04-20 23:40:41 -0700 |
| commit | d53f117de5b9e0054bc12dce633e5070c1bfd3ba (patch) | |
| tree | 01e99364cd3b839edce91a328a7f7aa02a36b529 /src/routes | |
| parent | feat(user): hololive badges pinned tooltip (diff) | |
| download | due.moe-d53f117de5b9e0054bc12dce633e5070c1bfd3ba.tar.xz due.moe-d53f117de5b9e0054bc12dce633e5070c1bfd3ba.zip | |
feat(user): pinned tooltip for avatar
Diffstat (limited to 'src/routes')
| -rw-r--r-- | src/routes/user/[user]/+page.svelte | 16 |
1 files changed, 9 insertions, 7 deletions
diff --git a/src/routes/user/[user]/+page.svelte b/src/routes/user/[user]/+page.svelte index deabb6c6..fb55a6f0 100644 --- a/src/routes/user/[user]/+page.svelte +++ b/src/routes/user/[user]/+page.svelte @@ -106,13 +106,15 @@ <div class="card user-grid-content"> <div class="user-grid-avatar"> - <a href={`https://anilist.co/user/${userData.name}`} target="_blank"> - <ParallaxImage - source={userData.avatar.large} - alternativeText="" - style="border-radius: 8px; width: 6.5em;" - /> - </a> + <LinkedTooltip content={`${userData.name}`} id="avatar" pin="avatar" relative> + <a href={`https://anilist.co/user/${userData.name}`} target="_blank"> + <ParallaxImage + source={userData.avatar.large} + alternativeText="" + style="border-radius: 8px; width: 6.5em;" + /> + </a> + </LinkedTooltip> </div> <div class="user-grid-rest"> |