lewis.moe
Monorepo for Tangled
appview/pages: fix alignment of lastCommitPanel on mobile
Signed-off-by: Anirudh Oppiliappan <anirudh@tangled.org>
+6
-6
appview/pages/templates/repo/fragments/lastCommitPanel.html
+6
-6
appview/pages/templates/repo/fragments/lastCommitPanel.html
···
1
1
{{ define "repo/fragments/lastCommitPanel" }}
2
2
{{ $messageParts := splitN .LastCommitInfo.Message "\n\n" 2 }}
3
-
<div class="pb-2 mb-3 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between text-sm">
4
-
<div class="flex items-center gap-1">
3
+
<div class="pb-2 mb-3 border-b border-gray-200 dark:border-gray-700 flex flex-col md:flex-row md:items-center md:justify-between text-sm gap-2">
4
+
<div class="flex flex-col md:flex-row md:items-center gap-1">
5
5
{{ if .LastCommitInfo.Author }}
6
6
{{ $authorDid := index .EmailToDid .LastCommitInfo.Author.Email }}
7
7
<span class="flex items-center gap-1">
···
12
12
<a href="mailto:{{ .LastCommitInfo.Author.Email }}" class="no-underline hover:underline">{{ .LastCommitInfo.Author.Name }}</a>
13
13
{{ end }}
14
14
</span>
15
-
<span class="px-1 select-none before:content-['\00B7']"></span>
15
+
<span class="hidden md:inline px-1 select-none before:content-['\00B7']"></span>
16
16
{{ end }}
17
17
<a href="/{{ .RepoInfo.FullName }}/commit/{{ .LastCommitInfo.Hash }}"
18
18
class="inline no-underline hover:underline dark:text-white">
19
19
{{ index $messageParts 0 }}
20
20
</a>
21
-
<span class="px-1 select-none before:content-['\00B7']"></span>
21
+
<span class="hidden md:inline px-1 select-none before:content-['\00B7']"></span>
22
22
<span class="text-gray-400 dark:text-gray-500">{{ template "repo/fragments/time" .LastCommitInfo.When }}</span>
23
23
</div>
24
24
<a href="/{{ .RepoInfo.FullName }}/commit/{{ .LastCommitInfo.Hash.String }}"
25
-
class="no-underline hover:underline text-gray-700 dark:text-gray-300 bg-gray-100 dark:bg-gray-900 px-2 py-1 rounded font-mono text-xs">
25
+
class="no-underline hover:underline text-gray-700 dark:text-gray-300 bg-gray-100 dark:bg-gray-900 px-2 py-1 rounded font-mono text-xs w-fit">
26
26
{{ slice .LastCommitInfo.Hash.String 0 8 }}
27
27
</a>
28
28
</div>
29
-
{{ end }}
29
+
{{ end }}