lewis.moe
Monorepo for Tangled
1{{ define "fragments/tinyAvatarList" }}
2 {{ $all := .all }}
3 {{ $classes := .classes }}
4 {{ $ps := take $all 5 }}
5 <div class="inline-flex items-center -space-x-3">
6 {{ $c := "z-50 z-40 z-30 z-20 z-10" }}
7 {{ range $i, $p := $ps }}
8 <img
9 src="{{ tinyAvatar . }}"
10 alt=""
11 class="rounded-full size-8 mr-1 border-2 border-gray-100 dark:border-gray-900 z-{{sub 5 $i}}0 {{ $classes }}"
12 />
13 {{ end }}
14
15 {{ if gt (len $all) 5 }}
16 <span class="pl-4 text-gray-500 dark:text-gray-400 text-sm">
17 +{{ sub (len $all) 5 }}
18 </span>
19 {{ end }}
20 </div>
21{{ end }}
22