From c3698263aeb0f6fd85f3d1d2d728ed442f5f713f Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Sat, 20 Apr 2024 22:12:38 -0700
Subject: feat(user): user parallax image

---
 src/routes/user/[user]/+page.svelte | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

(limited to 'src/routes')

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;
 	}
-- 
cgit v1.2.3