Something went wrong. Try again.
Monorepo for Tangled
Something went wrong. Try again.
1234567891011121314151617181920212223242526272829303132333435{{ define "user/fragments/followCard" }}{{ $userIdent := resolve .UserDid }}<div class="flex flex-col divide-y divide-gray-200 dark:divide-gray-700"> <div class="py-4 px-6 drop-shadow-sm bg-white dark:bg-gray-800 flex items-center gap-4"> <div class="flex-shrink-0 max-h-full w-24 h-24"> <img class="object-cover rounded-full p-2 w-24 h-24" src="{{ fullAvatar $userIdent }}" alt="{{ $userIdent }}" /> </div>
<div class="flex flex-col md:flex-row md:items-center md:justify-between gap-2 w-full min-w-0"> <div class="flex-1 min-h-0 justify-around flex flex-col"> <a href="/{{ $userIdent }}"> <span class="font-bold dark:text-white overflow-hidden text-ellipsis whitespace-nowrap max-w-full">{{ $userIdent | truncateAt30 }}</span> </a> {{ with .Profile }} <p class="text-sm pb-2 md:pb-2 break-words">{{.Description}}</p> {{ end }} <div class="text-sm flex items-center gap-2 my-2 overflow-hidden text-ellipsis whitespace-nowrap max-w-full"> <span class="flex-shrink-0">{{ i "users" "size-4" }}</span> <span id="followers" data-followers-did="{{ .UserDid }}"><a href="/{{ $userIdent }}?tab=followers">{{ .FollowersCount }} followers</a></span> <span class="select-none after:content-['·']"></span> <span id="following"><a href="/{{ $userIdent }}?tab=following">{{ .FollowingCount }} following</a></span> </div> </div> {{ if and .LoggedInUser (ne .FollowStatus.String "IsSelf") }} <div class="w-full md:w-auto md:max-w-24 order-last md:order-none"> {{ template "user/fragments/follow" . }} </div> {{ end }} </div> </div></div>{{ end }}