My own copy of Tangled :)
commit page icons
+9
-9
+1
.zed/settings.json
+1
.zed/settings.json
+8
-9
appview/pages/templates/repo/commit.html
+8
-9
appview/pages/templates/repo/commit.html
···
65
65
<div id="diff-file-header" class="border-b cursor-pointer bg-white border-black flex justify-between">
66
66
<div id="left-side-items" class="p-2">
67
67
{{ if .IsNew }}
68
-
<span class="diff-type">A</span>
68
+
<span class="diff-type p-1 text-sm bg-green-100 rounded text-green-700 select-none">A</span>
69
69
{{ end }}
70
70
{{ if .IsDelete }}
71
-
<span class="diff-type">D</span>
71
+
<span class="diff-type p-1 text-sm bg-red-100 rounded text-red-700 select-none">D</span>
72
72
{{ end }}
73
73
{{ if not (or .IsNew .IsDelete) }}
74
-
<span class="diff-type">M</span>
74
+
<span class="diff-type p-1 bg-gray-100 text-sm rounded text-gray-700 select-none">M</span>
75
75
{{ end }}
76
76
77
77
{{ if .Name.Old }}
···
85
85
{{- end -}}
86
86
</div>
87
87
88
-
<div id="right-side-items" class="p-2">
89
-
<a href="#file-{{ .Name.New }}" class="no-underline hover:underline">top of file</a>
88
+
{{ $iconstyle := "p-1 mx-1 hover:bg-gray-100 rounded" }}
89
+
<div id="right-side-items" class="p-2 flex items-center">
90
+
<a title="top of file" href="#file-{{ .Name.New }}" class="{{ $iconstyle }}"><i class="w-4 h-4" data-lucide="arrow-up-from-line"></i></a>
90
91
{{ if gt $idx 0 }}
91
-
<span class="px-1 select-none before:content-['\00B7']"></span>
92
92
{{ $prev := index $diff (sub $idx 1) }}
93
-
<a href="#file-{{ $prev.Name.New }}" class="no-underline hover:underline">prev</a>
93
+
<a title="previous file" href="#file-{{ $prev.Name.New }}" class="{{ $iconstyle }}"><i class="w-4 h-4" data-lucide="arrow-up"></i></a>
94
94
{{ end }}
95
95
96
96
{{ if lt $idx $last }}
97
-
<span class="px-1 select-none before:content-['\00B7']"></span>
98
97
{{ $next := index $diff (add $idx 1) }}
99
-
<a href="#file-{{ $next.Name.New }}" class="no-underline hover:underline">next</a>
98
+
<a title="next file" href="#file-{{ $next.Name.New }}" class="{{ $iconstyle }}"><i class="w-4 h-4" data-lucide="arrow-down"></i></a>
100
99
{{ end }}
101
100
</div>
102
101