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