From 050c5aefeea7302ec8aefa0306adf05b84fd37c0 Mon Sep 17 00:00:00 2001
From: oppiliappan <me@oppi.li>
Date: Wed, 14 May 2025 13:34:44 +0100
Subject: [PATCH] appview: user/profile: prevent content jump on
 profile-picture load

---
 appview/pages/templates/user/fragments/profileCard.html | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/appview/pages/templates/user/fragments/profileCard.html b/appview/pages/templates/user/fragments/profileCard.html
index 6935ef11..61ef21a9 100644
--- a/appview/pages/templates/user/fragments/profileCard.html
+++ b/appview/pages/templates/user/fragments/profileCard.html
@@ -3,7 +3,9 @@
     <div class="grid grid-cols-3 md:grid-cols-1 gap-1 items-center">
       <div id="avatar" class="col-span-1 flex justify-center items-center">
         {{ if .AvatarUri }}
-        <img class="w-3/4 rounded-full p-2" src="{{ .AvatarUri }}" />
+        <div class="w-3/4 aspect-square relative">
+          <img class="absolute inset-0 w-full h-full object-cover rounded-full p-2" src="{{ .AvatarUri }}" />
+        </div>
         {{ end }}
       </div>
       <div class="col-span-2">
-- 
2.51.2