Monorepo for Tangled
appview/pages: unify look of codesearch and issue/pull search bars
Signed-off-by: oppiliappan <me@oppi.li>
oppiliappan
(Jun 30, 2026, 8:34 AM +0100)
c3725f59
a66793c8
+19
-6
+19
-6
appview/pages/templates/repo/search.html
+19
-6
appview/pages/templates/repo/search.html
···
10
10
<main>
11
11
<div class="flex relative w-full mb-4">
12
12
<div class="flex-1 flex relative">
13
-
<span class="absolute left-2 top-1/2 -translate-y-1/2 text-gray-400">
14
-
{{ i "search-code" "size-4" }}
15
-
</span>
16
13
<input
14
+
id="repo-search-input"
17
15
type="text"
18
16
name="q"
19
17
value="{{ .FilterQuery }}"
20
18
placeholder="Find files or code"
21
-
hx-get=""
22
-
hx-trigger="{{ if .FilterQuery }}load, {{ end }}input changed delay:100ms from:input"
23
19
hx-get="/{{ .RepoInfo.FullName }}/search"
24
20
hx-trigger="{{ if .FilterQuery }}load, {{ end }}keydown[key=='Enter'] from:#repo-search-input, input changed delay:100ms from:#repo-search-input"
25
21
hx-target="#repo-files"
26
22
hx-swap="outerHTML"
27
23
hx-replace-url="true"
28
24
autofocus
29
-
class="font-mono flex-1 py-1 pl-8 pr-2 peer"
25
+
class="flex-1 py-1 pl-2 pr-10 mr-[-1px] rounded-r-none peer"
30
26
>
27
+
<a
28
+
href="?"
29
+
class="absolute right-3 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 hidden peer-[:not(:placeholder-shown)]:block"
30
+
>
31
+
{{ i "x" "w-4 h-4" }}
32
+
</a>
31
33
</div>
34
+
<button
35
+
type="button"
36
+
hx-get="/{{ .RepoInfo.FullName }}/search"
37
+
hx-include="#repo-search-input"
38
+
hx-target="#repo-files"
39
+
hx-swap="outerHTML"
40
+
hx-replace-url="true"
41
+
class="p-2 text-gray-400 border rounded-r border-gray-300 dark:border-gray-600"
42
+
>
43
+
{{ i "search" "w-4 h-4" }}
44
+
</button>
32
45
</div>
33
46
{{ if not .LoggedInUser }}
34
47
<div class="flex items-center gap-2 my-2 bg-orange-50 dark:bg-orange-900/30 border border-orange-300 dark:border-orange-700 rounded px-3 py-2 text-orange-600 dark:text-orange-300 text-sm">