forked from
tangled.org/core
Mirror of @tangled.org/core. Running on a Raspberry Pi Zero 2 (Please be gentle).
appview/pages: fix some styles for repoindex
Signed-off-by: oppiliappan <me@oppi.li>
+17
-16
+12
-11
appview/pages/templates/repo/index.html
+12
-11
appview/pages/templates/repo/index.html
···
144
144
{{ end }}
145
145
<a href="{{ $link }}" class="{{ $linkstyle }}">
146
146
<div class="flex items-center gap-2">
147
-
{{ i $icon $iconStyle }}{{ .Name }}
147
+
{{ i $icon $iconStyle "flex-shrink-0" }}
148
+
<span class="truncate">{{ .Name }}</span>
148
149
</div>
149
150
</a>
150
151
</div>
···
211
210
</div>
212
211
213
212
<!-- commit info bar -->
214
-
<div class="text-xs mt-2 text-gray-500 dark:text-gray-400 flex items-center">
213
+
<div class="text-xs mt-2 text-gray-500 dark:text-gray-400 flex items-center flex-wrap">
215
214
{{ $verified := $.VerifiedCommits.IsVerified .Hash.String }}
216
215
{{ $hashStyle := "text-gray-700 dark:text-gray-300 bg-gray-100 dark:bg-gray-900" }}
217
216
{{ if $verified }}
···
281
280
</a>
282
281
<div class="flex flex-col gap-1">
283
282
{{ range .BranchesTrunc }}
284
-
<div class="text-base flex items-center justify-between">
285
-
<div class="flex items-center gap-2">
283
+
<div class="text-base flex items-center justify-between overflow-hidden">
284
+
<div class="flex items-center gap-2 min-w-0 flex-1">
286
285
<a href="/{{ $.RepoInfo.FullName }}/tree/{{ .Reference.Name | urlquery }}"
287
-
class="inline no-underline hover:underline dark:text-white">
286
+
class="inline-block truncate no-underline hover:underline dark:text-white">
288
287
{{ .Reference.Name }}
289
288
</a>
290
289
{{ if .Commit }}
291
-
<span class="px-1 text-gray-500 dark:text-gray-400 select-none after:content-['·']"></span>
292
-
<span class="text-xs text-gray-500 dark:text-gray-400">{{ template "repo/fragments/time" .Commit.Committer.When }}</span>
290
+
<span class="px-1 text-gray-500 dark:text-gray-400 select-none after:content-['·'] shrink-0"></span>
291
+
<span class="whitespace-nowrap text-xs text-gray-500 dark:text-gray-400 shrink-0">{{ template "repo/fragments/time" .Commit.Committer.When }}</span>
293
292
{{ end }}
294
293
{{ if .IsDefault }}
295
-
<span class="px-1 text-gray-500 dark:text-gray-400 select-none after:content-['·']"></span>
296
-
<span class="bg-gray-200 dark:bg-gray-700 rounded py-1/2 px-1 text-xs font-mono">default</span>
294
+
<span class="px-1 text-gray-500 dark:text-gray-400 select-none after:content-['·'] shrink-0"></span>
295
+
<span class="bg-gray-200 dark:bg-gray-700 rounded py-1/2 px-1 text-xs font-mono shrink-0">default</span>
297
296
{{ end }}
298
297
</div>
299
298
{{ if ne $.Ref .Reference.Name }}
300
299
<a href="/{{ $.RepoInfo.FullName }}/compare/{{ $.Ref | urlquery }}...{{ .Reference.Name | urlquery }}"
301
-
class="text-xs flex gap-2 items-center"
300
+
class="text-xs flex gap-2 items-center shrink-0 ml-2"
302
301
title="Compare branches or tags">
303
302
{{ i "git-compare" "w-3 h-3" }} compare
304
303
</a>
305
-
{{end}}
304
+
{{ end }}
306
305
</div>
307
306
{{ end }}
308
307
</div>
+4
-4
appview/pages/templates/repo/tree.html
+4
-4
appview/pages/templates/repo/tree.html
···
54
54
55
55
{{ range .Files }}
56
56
<div class="grid grid-cols-12 gap-4 items-center py-1">
57
-
<div class="col-span-6 md:col-span-3">
57
+
<div class="col-span-6 md:col-span-4">
58
58
{{ $link := printf "/%s/%s/%s/%s/%s" $.RepoInfo.FullName "tree" (urlquery $.Ref) $.TreePath .Name }}
59
59
{{ $icon := "folder" }}
60
60
{{ $iconStyle := "size-4 fill-current" }}
61
61
62
62
{{ if .IsFile }}
63
63
{{ $icon = "file" }}
64
-
{{ $iconStyle = "flex-shrink-0 size-4" }}
64
+
{{ $iconStyle = "size-4" }}
65
65
{{ end }}
66
66
<a href="{{ $link }}" class="{{ $linkstyle }}">
67
67
<div class="flex items-center gap-2">
68
-
{{ i $icon $iconStyle }}
68
+
{{ i $icon $iconStyle "flex-shrink-0" }}
69
69
<span class="truncate">{{ .Name }}</span>
70
70
</div>
71
71
</a>
72
72
</div>
73
73
74
-
<div class="col-span-0 md:col-span-7 hidden md:block overflow-hidden">
74
+
<div class="col-span-0 md:col-span-6 hidden md:block overflow-hidden">
75
75
{{ with .LastCommit }}
76
76
<a href="/{{ $.RepoInfo.FullName }}/commit/{{ .Hash }}" class="text-gray-500 dark:text-gray-400 block truncate">{{ .Message }}</a>
77
77
{{ end }}