this repo has no description
tangled.org
1{{ define "repo/fragments/diffOpts" }}
2 <section
3 class="flex flex-col gap-2 overflow-x-auto text-sm px-6 py-2 border border-gray-200 dark:border-gray-700 w-full mx-auto rounded bg-white dark:bg-gray-800 drop-shadow-sm">
4 <strong class="text-sm uppercase dark:text-gray-200">options</strong>
5 {{ $active := "unified" }}
6 {{ if .Split }}
7 {{ $active = "split" }}
8 {{ end }}
9 {{ $values := list "unified" "split" }}
10 {{ block "tabSelector" (dict "Name" "diff" "Values" $values "Active" $active) }}
11 {{ end }}
12 </section>
13{{ end }}
14
15{{ define "tabSelector" }}
16 {{ $name := .Name }}
17 {{ $all := .Values }}
18 {{ $active := .Active }}
19 <div
20 class="flex justify-between divide-x divide-gray-200 dark:divide-gray-700 rounded border border-gray-200 dark:border-gray-700 overflow-hidden">
21 {{ $activeTab := "bg-white dark:bg-gray-700 shadow-sm" }}
22 {{ $inactiveTab := "bg-gray-100 dark:bg-gray-800 shadow-inner" }}
23 {{ range $index, $value := $all }}
24 {{ $isActive := eq $value $active }}
25 <a
26 href="?{{ $name }}={{ $value }}"
27 class="py-2 text-sm w-full block hover:no-underline text-center {{ if $isActive }}
28 {{ $activeTab }}
29 {{ else }}
30 {{ $inactiveTab }}
31 {{ end }}">
32 {{ $value }}
33 </a>
34 {{ end }}
35 </div>
36{{ end }}