camsmith.dev
appview: ui: signify forks with icon, adjust layout
non-forked repos show a book icon, forked repos show a fork icon
Signed-off-by: Samuel Newman <mozzius@protonmail.com>
samuel.fm
+1
-1
appview/pages/templates/layouts/repobase.html
+1
-1
appview/pages/templates/layouts/repobase.html
···
5
{{ if .RepoInfo.Source }}
6
<p class="text-sm">
7
<div class="flex items-center">
8
-
{{ i "git-fork" "w-3 h-3 mr-1"}}
9
forked from
10
{{ $sourceOwner := didOrHandle .RepoInfo.Source.Did .RepoInfo.SourceHandle }}
11
<a class="ml-1 underline" href="/{{ $sourceOwner }}/{{ .RepoInfo.Source.Name }}">{{ $sourceOwner }}/{{ .RepoInfo.Source.Name }}</a>
···
5
{{ if .RepoInfo.Source }}
6
<p class="text-sm">
7
<div class="flex items-center">
8
+
{{ i "git-fork" "w-3 h-3 mr-1 shrink-0" }}
9
forked from
10
{{ $sourceOwner := didOrHandle .RepoInfo.Source.Did .RepoInfo.SourceHandle }}
11
<a class="ml-1 underline" href="/{{ $sourceOwner }}/{{ .RepoInfo.Source.Name }}">{{ $sourceOwner }}/{{ .RepoInfo.Source.Name }}</a>
+10
-13
appview/pages/templates/user/fragments/repoCard.html
+10
-13
appview/pages/templates/user/fragments/repoCard.html
···
4
{{ $fullName := index . 2 }}
5
6
{{ with $repo }}
7
-
<div class="py-4 px-6 drop-shadow-sm rounded bg-white dark:bg-gray-800">
8
-
<div class="font-medium dark:text-white flex gap-2 items-center">
9
{{- if $fullName -}}
10
<a href="/{{ index $root.DidHandleMap .Did }}/{{ .Name }}"
11
>{{ index $root.DidHandleMap .Did }}/{{ .Name }}</a
···
16
>
17
{{- end -}}
18
</div>
19
-
{{ if .Source }}
20
-
<div class="flex items-center my-0.5 text-sm">
21
-
{{ i "git-fork" "w-3 h-3 mr-1" }}
22
-
fork
23
-
</div>
24
-
{{ end }}
25
{{ with .Description }}
26
<div class="text-gray-600 dark:text-gray-300 text-sm">
27
{{ . }}
···
36
{{ end }}
37
38
{{ define "repoStats" }}
39
-
<div class="text-gray-400 pt-4 text-sm font-mono inline-flex gap-4 mt-auto">
40
{{ with .Language }}
41
<div class="flex gap-2 items-center text-sm">
42
-
<div
43
-
class="size-2 rounded-full"
44
-
style="background: radial-gradient(circle at 35% 35%, color-mix(in srgb, {{ langColor . }} 70%, white), {{ langColor . }} 30%, color-mix(in srgb, {{ langColor . }} 85%, black));"
45
-
></div>
46
<span>{{ . }}</span>
47
</div>
48
{{ end }}
···
4
{{ $fullName := index . 2 }}
5
6
{{ with $repo }}
7
+
<div class="py-4 px-6 gap-2 flex flex-col drop-shadow-sm rounded bg-white dark:bg-gray-800">
8
+
<div class="font-medium dark:text-white flex items-center">
9
+
{{ if .Source }}
10
+
{{ i "git-fork" "w-4 h-4 mr-1.5 shrink-0" }}
11
+
{{ else }}
12
+
{{ i "book-marked" "w-4 h-4 mr-1.5 shrink-0" }}
13
+
{{ end }}
14
{{- if $fullName -}}
15
<a href="/{{ index $root.DidHandleMap .Did }}/{{ .Name }}"
16
>{{ index $root.DidHandleMap .Did }}/{{ .Name }}</a
···
21
>
22
{{- end -}}
23
</div>
24
{{ with .Description }}
25
<div class="text-gray-600 dark:text-gray-300 text-sm">
26
{{ . }}
···
35
{{ end }}
36
37
{{ define "repoStats" }}
38
+
<div class="text-gray-400 text-sm font-mono inline-flex gap-4 mt-auto">
39
{{ with .Language }}
40
<div class="flex gap-2 items-center text-sm">
41
+
<div class="size-2 rounded-full"
42
+
style="background: radial-gradient(circle at 35% 35%, color-mix(in srgb, {{ langColor . }} 70%, white), {{ langColor . }} 30%, color-mix(in srgb, {{ langColor . }} 85%, black));"></div>
43
<span>{{ . }}</span>
44
</div>
45
{{ end }}