kot.pink
1{{ define "repo/fragments/reactionsPopUp" }}
2 <details
3 id="reactionsPopUp"
4 class="relative inline-block"
5 >
6 <summary
7 class="flex justify-center items-center min-w-8 min-h-8 rounded border border-gray-200 dark:border-gray-700
8 hover:bg-gray-50
9 hover:border-gray-300
10 dark:hover:bg-gray-700
11 dark:hover:border-gray-600
12 cursor-pointer list-none"
13 >
14 {{ i "smile" "size-4" }}
15 </summary>
16 <div
17 class="absolute flex left-0 z-10 mt-4 rounded bg-white dark:bg-gray-800 dark:text-white border border-gray-200 dark:border-gray-700 shadow-lg"
18 >
19 {{ range $kind := . }}
20 <button
21 id="reactBtn-{{ $kind }}"
22 class="size-12 hover:bg-gray-100 dark:hover:bg-gray-700"
23 hx-on:click="this.parentElement.parentElement.removeAttribute('open')"
24 >
25 {{ $kind }}
26 </button>
27 {{ end }}
28 </div>
29 </details>
30{{ end }}