forked from
tangled.org/core
this repo has no description
fix dropdown styles
+24
-37
+1
-1
appview/pages/templates/layouts/base.html
+1
-1
appview/pages/templates/layouts/base.html
+23
-36
appview/pages/templates/layouts/topbar.html
+23
-36
appview/pages/templates/layouts/topbar.html
···
1
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
-
>
2
+
<nav class="space-x-4 mb-4 px-6 py-2 rounded bg-white drop-shadow-sm">
6
3
<div class="container flex justify-between p-0">
7
4
<div id="left-items">
8
-
<a href="/" hx-boost="true" class="{{ $linkstyle }} flex gap-2">
5
+
<a href="/" hx-boost="true" class="flex gap-2">
9
6
<i class="w-6 h-6" data-lucide="tangent"></i>
10
7
tangled.sh
11
8
</a>
12
9
</div>
13
10
<div id="right-items" class="flex gap-2">
14
11
{{ with .LoggedInUser }}
15
-
<a
16
-
href="/repo/new"
17
-
hx-boost="true"
18
-
class="{{ $linkstyle }}"
19
-
>
12
+
<a href="/repo/new"hx-boost="true">
20
13
<i class="w-6 h-6" data-lucide="plus"></i>
21
14
</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>
15
+
{{ block "dropDown" . }} {{ end }}
47
16
{{ else }}
48
-
<a href="/login" class="{{ $linkstyle }}"> login </a>
17
+
<a href="/login">login</a>
49
18
{{ end }}
50
19
</div>
51
20
</div>
52
21
</nav>
53
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 }}