tjh.dev
forked from
tangled.org/core
this repo has no description
appview: user/profile: prevent content jump on profile-picture load
oppi.li
+3
-1
+3
-1
appview/pages/templates/user/fragments/profileCard.html
+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">