this repo has no description
tangled.org
1{{ define "user/fragments/followCard" }}
2{{ $userIdent := resolve .UserDid }}
3<div class="flex flex-col divide-y divide-gray-200 dark:divide-gray-700 border border-gray-200 dark:border-gray-700 rounded-sm">
4 <div class="py-4 px-6 drop-shadow-sm rounded bg-white dark:bg-gray-800 flex items-center gap-4">
5 <div class="flex-shrink-0 max-h-full w-24 h-24">
6 <img class="object-cover rounded-full p-2" src="{{ fullAvatar $userIdent }}" />
7 </div>
8
9 <div class="flex-1 min-h-0 justify-around flex flex-col">
10 <a href="/{{ $userIdent }}">
11 <span class="font-bold dark:text-white overflow-hidden text-ellipsis whitespace-nowrap max-w-full">{{ $userIdent | truncateAt30 }}</span>
12 </a>
13 <p class="text-sm pb-2 md:pb-2">{{.Profile.Description}}</p>
14 <div class="text-sm flex items-center gap-2 my-2 overflow-hidden text-ellipsis whitespace-nowrap max-w-full">
15 <span class="flex-shrink-0">{{ i "users" "size-4" }}</span>
16 <span id="followers"><a href="/{{ $userIdent }}?tab=followers">{{ .FollowersCount }} followers</a></span>
17 <span class="select-none after:content-['·']"></span>
18 <span id="following"><a href="/{{ $userIdent }}?tab=following">{{ .FollowingCount }} following</a></span>
19 </div>
20 </div>
21
22 {{ if ne .FollowStatus.String "IsSelf" }}
23 <div class="max-w-24">
24 {{ template "user/fragments/follow" . }}
25 </div>
26 {{ end }}
27 </div>
28</div>
29{{ end }}