kot.pink
1{{ define "repo/fragments/participants" }}
2 {{ $all := . }}
3 {{ $ps := take $all 5 }}
4 <div class="px-2 md:px-0">
5 <div class="py-1 flex items-center text-sm">
6 <span class="font-bold text-gray-500 dark:text-gray-400 capitalize">Participants</span>
7 <span class="bg-gray-200 dark:bg-gray-700 rounded py-1/2 px-1 ml-1">{{ len $all }}</span>
8 </div>
9 <div class="flex items-center -space-x-3 mt-2">
10 {{ $c := "z-50 z-40 z-30 z-20 z-10" }}
11 {{ range $i, $p := $ps }}
12 <img
13 src="{{ tinyAvatar . }}"
14 alt=""
15 class="rounded-full h-8 w-8 mr-1 border-2 border-gray-100 dark:border-gray-900 z-{{sub 5 $i}}0"
16 />
17 {{ end }}
18
19 {{ if gt (len $all) 5 }}
20 <span class="pl-4 text-gray-500 dark:text-gray-400 text-sm">
21 +{{ sub (len $all) 5 }}
22 </span>
23 {{ end }}
24 </div>
25 </div>
26{{ end }}