From 610983313b2636fed96b1ad704a0dc0324670b69 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Sat, 13 Jan 2024 18:17:24 -0800
Subject: feat(user): radius and middle align

---
 src/routes/user/[user]/+page.svelte | 26 +++++++++++++++++---------
 1 file changed, 17 insertions(+), 9 deletions(-)

(limited to 'src/routes')

diff --git a/src/routes/user/[user]/+page.svelte b/src/routes/user/[user]/+page.svelte
index ac20162a..e02478be 100644
--- a/src/routes/user/[user]/+page.svelte
+++ b/src/routes/user/[user]/+page.svelte
@@ -42,13 +42,15 @@
 			{/if}
 
 			<div class="card" id="user-grid-content">
-				<a
-					href={`https://anilist.co/user/${userData.name}`}
-					target="_blank"
-					title={String(userData.id)}
-				>
-					<img src={userData.avatar.large} alt="" width="100vw" id="avatar" />
-				</a>
+				<div id="user-grid-avatar">
+					<a
+						href={`https://anilist.co/user/${userData.name}`}
+						target="_blank"
+						title={String(userData.id)}
+					>
+						<img src={userData.avatar.large} alt="" width="100vw" id="avatar" />
+					</a>
+				</div>
 
 				<div id="user-grid-content-text">
 					<p>
@@ -99,9 +101,15 @@
 		border-top-right-radius: 0;
 	}
 
+	#user-grid-avatar {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+	}
+
 	#avatar {
-		margin-top: 0.5em;
-		padding-bottom: 0.5em;
+		border-radius: 8px;
 	}
 
 	.click-item {
-- 
cgit v1.2.3