oscarzwagers.nl
forked from
tangled.org/core
Monorepo for Tangled
appview: pages/templates/repo: align tags to left on desktop
anirudh.fi
+54
-54
1 changed file
appview
pages
templates
repo
+54
-54
appview/pages/templates/repo/tags.html
+54
-54
appview/pages/templates/repo/tags.html
···
3
3
{{ end }}
4
4
5
5
{{ define "repoContent" }}
6
6
-
<section>
7
7
-
<h2 class="mb-4 text-sm text-left text-gray-700 dark:text-gray-300 uppercase font-bold">tags</h2>
8
8
-
<div class="flex flex-col py-2 gap-12 md:gap-0">
9
9
-
{{ range .Tags }}
10
10
-
<div class="md:grid md:grid-cols-12 md:items-start flex flex-col">
11
11
-
<!-- Header column (top on mobile, left on md+) -->
12
12
-
<div class="md:col-span-3 md:border-r border-b md:border-b-0 border-gray-200 dark:border-gray-700 w-full md:h-full">
13
13
-
<!-- Mobile layout: horizontal -->
14
14
-
<div class="flex md:hidden flex-col py-2 px-2">
15
15
-
<a href="/{{ $.RepoInfo.FullName }}/tree/{{ .Name | urlquery }}" class="no-underline hover:underline flex items-center gap-2 font-bold">
16
16
-
{{ i "tag" "w-4 h-4" }}
17
17
-
{{ .Name }}
18
18
-
</a>
6
6
+
<section>
7
7
+
<h2 class="mb-4 text-sm text-left text-gray-700 dark:text-gray-300 uppercase font-bold">tags</h2>
8
8
+
<div class="flex flex-col py-2 gap-12 md:gap-0">
9
9
+
{{ range .Tags }}
10
10
+
<div class="md:grid md:grid-cols-12 md:items-start flex flex-col">
11
11
+
<!-- Header column (top on mobile, left on md+) -->
12
12
+
<div class="md:col-span-2 md:border-r border-b md:border-b-0 border-gray-200 dark:border-gray-700 w-full md:h-full">
13
13
+
<!-- Mobile layout: horizontal -->
14
14
+
<div class="flex md:hidden flex-col py-2 px-2">
15
15
+
<a href="/{{ $.RepoInfo.FullName }}/tree/{{ .Name | urlquery }}" class="no-underline hover:underline flex items-center gap-2 font-bold">
16
16
+
{{ i "tag" "w-4 h-4" }}
17
17
+
{{ .Name }}
18
18
+
</a>
19
19
20
20
-
<div class="flex items-center gap-3 text-gray-500 dark:text-gray-400 text-sm">
21
21
-
{{ if .Tag }}
22
22
-
<a href="/{{ $.RepoInfo.FullName }}/commit/{{ .Tag.Target.String }}"
23
23
-
class="no-underline hover:underline text-gray-500 dark:text-gray-400">
24
24
-
{{ slice .Tag.Target.String 0 8 }}
25
25
-
</a>
20
20
+
<div class="flex items-center gap-3 text-gray-500 dark:text-gray-400 text-sm">
21
21
+
{{ if .Tag }}
22
22
+
<a href="/{{ $.RepoInfo.FullName }}/commit/{{ .Tag.Target.String }}"
23
23
+
class="no-underline hover:underline text-gray-500 dark:text-gray-400">
24
24
+
{{ slice .Tag.Target.String 0 8 }}
25
25
+
</a>
26
26
27
27
-
<span class="px-1 text-gray-500 dark:text-gray-400 select-none after:content-['·']"></span>
28
28
-
<span>{{ .Tag.Tagger.Name }}</span>
27
27
+
<span class="px-1 text-gray-500 dark:text-gray-400 select-none after:content-['·']"></span>
28
28
+
<span>{{ .Tag.Tagger.Name }}</span>
29
29
30
30
-
<span class="px-1 text-gray-500 dark:text-gray-400 select-none after:content-['·']"></span>
31
31
-
<time>{{ shortTimeFmt .Tag.Tagger.When }}</time>
32
32
-
{{ end }}
33
33
-
</div>
30
30
+
<span class="px-1 text-gray-500 dark:text-gray-400 select-none after:content-['·']"></span>
31
31
+
<time>{{ shortTimeFmt .Tag.Tagger.When }}</time>
32
32
+
{{ end }}
34
33
</div>
34
34
+
</div>
35
35
36
36
-
<!-- Desktop layout: vertical and right-aligned -->
37
37
-
<div class="hidden md:block text-right px-2 pb-6">
38
38
-
<a href="/{{ $.RepoInfo.FullName }}/tree/{{ .Name | urlquery }}" class="no-underline hover:underline flex items-center justify-end gap-2 font-bold">
39
39
-
{{ i "tag" "w-4 h-4" }}
40
40
-
{{ .Name }}
36
36
+
<!-- Desktop layout: vertical and left-aligned -->
37
37
+
<div class="hidden md:block text-left px-2 pb-6">
38
38
+
<a href="/{{ $.RepoInfo.FullName }}/tree/{{ .Name | urlquery }}" class="no-underline hover:underline flex items-center gap-2 font-bold">
39
39
+
{{ i "tag" "w-4 h-4" }}
40
40
+
{{ .Name }}
41
41
+
</a>
42
42
+
<div class="flex flex-grow flex-col text-gray-500 dark:text-gray-400 text-sm">
43
43
+
{{ if .Tag }}
44
44
+
<a href="/{{ $.RepoInfo.FullName }}/commit/{{ .Tag.Target.String }}"
45
45
+
class="no-underline hover:underline text-gray-500 dark:text-gray-400 flex items-center gap-2">
46
46
+
{{ i "git-commit-horizontal" "w-4 h-4" }}
47
47
+
{{ slice .Tag.Target.String 0 8 }}
41
48
</a>
42
42
-
<div class="flex flex-grow flex-col text-gray-500 dark:text-gray-400 text-sm">
43
43
-
{{ if .Tag }}
44
44
-
<a href="/{{ $.RepoInfo.FullName }}/commit/{{ .Tag.Target.String }}"
45
45
-
class="no-underline hover:underline text-gray-500 dark:text-gray-400 flex items-center justify-end gap-2">
46
46
-
{{ i "git-commit-horizontal" "w-4 h-4" }}
47
47
-
{{ slice .Tag.Target.String 0 8 }}
48
48
-
</a>
49
49
-
<span>{{ .Tag.Tagger.Name }}</span>
50
50
-
<time>{{ timeFmt .Tag.Tagger.When }}</time>
51
51
-
{{ end }}
52
52
-
</div>
49
49
+
<span>{{ .Tag.Tagger.Name }}</span>
50
50
+
<time>{{ timeFmt .Tag.Tagger.When }}</time>
51
51
+
{{ end }}
53
52
</div>
54
53
</div>
54
54
+
</div>
55
55
56
56
-
<!-- Content column (bottom on mobile, right on md+) -->
57
57
-
<div class="md:col-span-9 px-2 py-3 md:py-0 md:pb-6">
58
58
-
{{ if .Tag }}
59
59
-
{{ $messageParts := splitN .Tag.Message "\n\n" 2 }}
60
60
-
<p class="font-bold">{{ index $messageParts 0 }}</p>
61
61
-
{{ if gt (len $messageParts) 1 }}
62
62
-
<p class="cursor-text pb-2 text-sm">{{ nl2br (index $messageParts 1) }}</p>
63
63
-
{{ end }}
64
64
-
{{ else }}
65
65
-
<p class="italic text-gray-500 dark:text-gray-400">no message</p>
56
56
+
<!-- Content column (bottom on mobile, right on md+) -->
57
57
+
<div class="md:col-span-9 px-2 py-3 md:py-0 md:pb-6">
58
58
+
{{ if .Tag }}
59
59
+
{{ $messageParts := splitN .Tag.Message "\n\n" 2 }}
60
60
+
<p class="font-bold">{{ index $messageParts 0 }}</p>
61
61
+
{{ if gt (len $messageParts) 1 }}
62
62
+
<p class="cursor-text pb-2 text-sm">{{ nl2br (index $messageParts 1) }}</p>
66
63
{{ end }}
67
67
-
</div>
64
64
+
{{ else }}
65
65
+
<p class="italic text-gray-500 dark:text-gray-400">no message</p>
66
66
+
{{ end }}
68
67
</div>
69
69
-
{{ end }}
70
68
</div>
71
71
-
</section>
69
69
+
{{ end }}
70
70
+
</div>
71
71
+
</section>
72
72
{{ end }}