53 lines
2.3 kB
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-999"
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 }}
54