this repo has no description
tangled.org
1{{ define "layouts/topbar" }}
2 {{ $linkstyle := "text-black hover:text-gray-600 no-underline" }}
3 <nav
4 class="space-x-4 mb-4 px-6 py-2 rounded bg-white drop-shadow-sm"
5 >
6 <div class="container flex justify-between p-0">
7 <div id="left-items">
8 <a href="/" hx-boost="true" class="{{ $linkstyle }} flex gap-2">
9 <i class="w-6 h-6" data-lucide="tangent"></i>
10 tangled.sh
11 </a>
12 </div>
13 <div id="right-items" class="flex gap-2">
14 {{ with .LoggedInUser }}
15 <a
16 href="/repo/new"
17 hx-boost="true"
18 class="{{ $linkstyle }}"
19 >
20 <i class="w-6 h-6" data-lucide="plus"></i>
21 </a>
22 <details class="relative inline-block text-left">
23 <summary
24 class="{{ $linkstyle }} cursor-pointer list-none"
25 >
26 {{ didOrHandle .Did .Handle }}
27 </summary>
28 <div
29 class="absolute flex flex-col right-0 mt-4 p-4 rounded w-48 bg-white border border-gray-200 z-50"
30 >
31 <a
32 href="/{{ didOrHandle .Did .Handle }}"
33 class="{{ $linkstyle }}"
34 >profile</a
35 >
36 <a href="/knots" class="{{ $linkstyle }}">knots</a>
37 <a href="/settings" class="{{ $linkstyle }}"
38 >settings</a
39 >
40 <a
41 href="/logout"
42 class="text-red-400 hover:text-red-700 no-underline"
43 >logout</a
44 >
45 </div>
46 </details>
47 {{ else }}
48 <a href="/login" class="{{ $linkstyle }}"> login </a>
49 {{ end }}
50 </div>
51 </div>
52 </nav>
53{{ end }}