Monorepo for Tangled tangled.org

appview: user/profile: prevent content jump on profile-picture load

Changed files
+3 -1
appview
pages
templates
user
fragments
+3 -1
appview/pages/templates/user/fragments/profileCard.html
··· 3 3 <div class="grid grid-cols-3 md:grid-cols-1 gap-1 items-center"> 4 4 <div id="avatar" class="col-span-1 flex justify-center items-center"> 5 5 {{ if .AvatarUri }} 6 - <img class="w-3/4 rounded-full p-2" src="{{ .AvatarUri }}" /> 6 + <div class="w-3/4 aspect-square relative"> 7 + <img class="absolute inset-0 w-full h-full object-cover rounded-full p-2" src="{{ .AvatarUri }}" /> 8 + </div> 7 9 {{ end }} 8 10 </div> 9 11 <div class="col-span-2">