Monorepo for Tangled
tangled.org
appview/pages: assortment of UI fixes
- fork button
- fork pages
- text on star/fork buttons in mobile/desktop
Signed-off-by: oppiliappan <me@oppi.li>
author
oppiliappan
date
(May 11, 2026, 3:16 PM +0100)
commit
26aef503
26aef50369db0d953fb01f532aae48cb615e6878
parent
50bccca6
50bccca60fc6be5fe448babd8b53a92ba7d01939
change-id
rqyyxsvu
rqyyxsvutnlowyxwzzxuwvkmnlsmwvqo
+19
-15
+1
-1
appview/pages/templates/fragments/starBtn.html
+1
-1
appview/pages/templates/fragments/starBtn.html
···
22
22
{{ i "star" "w-4 h-4 inline group-[.htmx-request]:hidden" }}
23
23
{{ end }}
24
24
{{ i "loader-circle" "w-4 h-4 animate-spin hidden group-[.htmx-request]:inline" }}
25
-
<span class="text-sm md:hidden group-[.htmx-request]:hidden">{{ if .IsStarred }}unstar{{ else }}star{{ end }}</span>
25
+
<span class="text-sm group-[.htmx-request]:hidden">{{ if .IsStarred }}unstar{{ else }}star{{ end }}</span>
26
26
</button>
27
27
{{ if .RepoName }}
28
28
{{ $did := .SubjectAt.Authority | string }}
+1
-1
appview/pages/templates/layouts/repobase.html
+1
-1
appview/pages/templates/layouts/repobase.html
···
119
119
"RepoName" .RepoInfo.Name) }}
120
120
<div class="flex w-full min-h-[30px] items-stretch overflow-hidden rounded border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 shadow-sm">
121
121
<a
122
-
class="btn text-sm no-underline hover:no-underline flex items-center gap-2 group"
122
+
class="flex flex-1 justify-center gap-2 items-center px-2 text-sm no-underline hover:no-underline group hover:bg-gray-50 dark:hover:bg-gray-700"
123
123
hx-boost="true"
124
124
href="/{{ .RepoInfo.FullName }}/fork"
125
125
>
+13
-12
appview/pages/templates/repo/forks.html
+13
-12
appview/pages/templates/repo/forks.html
···
4
4
<h2 class="text-sm uppercase font-bold">Forked by</h2>
5
5
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
6
6
{{ range .Forks }}
7
-
{{ $handle := resolve .Did }}
8
-
{{ $name := .Name}}
9
7
<div class="border border-gray-200 dark:border-gray-700 rounded p-4">
10
-
<div class="flex items-center gap-3">
11
-
{{ template "user/fragments/picLink" (list .Did "size-10") }}
12
-
<div class="flex-1 min-w-0">
13
-
<a href="/{{ $handle }}" class="block truncate">{{ $handle }}</a>
14
-
<a href="/{{ $handle }}/{{ $name }}" class="block truncate">{{ $name }}</a>
15
-
<p class="text-sm text-gray-500 dark:text-gray-400">
16
-
forked {{ .Created | relTimeFmt }}
17
-
</p>
18
-
</div>
19
-
</div>
8
+
{{ template "forkOwnerAndName" . }}
9
+
<p class="text-sm text-gray-500 dark:text-gray-400">
10
+
forked {{ .Created | relTimeFmt }}
11
+
</p>
20
12
</div>
21
13
{{ end }}
22
14
{{ if eq .TotalCount 0 }}
···
33
25
{{ end }}
34
26
</div>
35
27
{{ end }}
28
+
29
+
{{ define "forkOwnerAndName" }}
30
+
<div class="flex items-center gap-1 flex-wrap text-lg">
31
+
{{ template "user/fragments/picHandleLink" .Did }}
32
+
<span class="select-none">/</span>
33
+
{{ $repoOwner := resolve .Did }}
34
+
<a href="/$repoOwner/{{ .Name }}">{{ .Name }}</a>
35
+
</div>
36
+
{{ end }}
+4
-1
appview/repo/repo.go
+4
-1
appview/repo/repo.go
···
1525
1525
return
1526
1526
}
1527
1527
1528
-
rp.pages.RepoForks(w, pages.RepoForksParams{
1528
+
err = rp.pages.RepoForks(w, pages.RepoForksParams{
1529
1529
LoggedInUser: user,
1530
1530
RepoInfo: rp.repoResolver.GetRepoInfo(r, user),
1531
1531
Forks: forks,
1532
1532
Page: page,
1533
1533
TotalCount: totalCount,
1534
1534
})
1535
+
if err != nil {
1536
+
l.Error("failed to render page", "err", err)
1537
+
}
1535
1538
}
1536
1539
1537
1540
// this is used to rollback changes made to the PDS