diff options
Diffstat (limited to 'src/routes')
| -rw-r--r-- | src/routes/user/[user]/+page.svelte | 11 |
1 files changed, 6 insertions, 5 deletions
diff --git a/src/routes/user/[user]/+page.svelte b/src/routes/user/[user]/+page.svelte index 446ca952..b0b4ea8a 100644 --- a/src/routes/user/[user]/+page.svelte +++ b/src/routes/user/[user]/+page.svelte @@ -1,4 +1,5 @@ <script lang="ts"> + import ParallaxImage from './../../../lib/ParallaxImage.svelte'; import { typeSchedule, type ParseResult } from '$lib/Hololive/hololive'; import { user, type User } from '$lib/Data/AniList/user'; import HeadTitle from '$lib/Home/HeadTitle.svelte'; @@ -105,7 +106,11 @@ <div class="card user-grid-content"> <div class="user-grid-avatar"> <a href={`https://anilist.co/user/${userData.name}`} target="_blank"> - <img src={userData.avatar.large} alt="" width="100vw" class="avatar" /> + <ParallaxImage + source={userData.avatar.large} + alternativeText="" + style="border-radius: 8px; width: 6.5em;" + /> </a> </div> @@ -279,10 +284,6 @@ align-items: center; } - .avatar { - border-radius: 8px; - } - .click-item { margin: 0 0.625rem; } |