moll.dev
appview: style nits
- remove redundant divs in base layout
- allow scrolling changed-files listing
- show more of the file in tree views
- unify repo-index and repo-tree views
Signed-off-by: oppiliappan <me@oppi.li>
oppi.li
-12
appview/pages/templates/layouts/base.html
-12
appview/pages/templates/layouts/base.html
···
24
{{ block "mainLayout" . }}
25
<div class="px-1 col-span-1 md:col-start-3 md:col-span-8 flex flex-col gap-4">
26
{{ block "contentLayout" . }}
27
-
<div class="col-span-1 md:col-span-2">
28
-
{{ block "contentLeft" . }} {{ end }}
29
-
</div>
30
<main class="col-span-1 md:col-span-8">
31
{{ block "content" . }}{{ end }}
32
</main>
33
-
<div class="col-span-1 md:col-span-2">
34
-
{{ block "contentRight" . }} {{ end }}
35
-
</div>
36
{{ end }}
37
38
{{ block "contentAfterLayout" . }}
39
-
<div class="col-span-1 md:col-span-2">
40
-
{{ block "contentAfterLeft" . }} {{ end }}
41
-
</div>
42
<main class="col-span-1 md:col-span-8">
43
{{ block "contentAfter" . }}{{ end }}
44
</main>
45
-
<div class="col-span-1 md:col-span-2">
46
-
{{ block "contentAfterRight" . }} {{ end }}
47
-
</div>
48
{{ end }}
49
</div>
50
{{ end }}
···
24
{{ block "mainLayout" . }}
25
<div class="px-1 col-span-1 md:col-start-3 md:col-span-8 flex flex-col gap-4">
26
{{ block "contentLayout" . }}
27
<main class="col-span-1 md:col-span-8">
28
{{ block "content" . }}{{ end }}
29
</main>
30
{{ end }}
31
32
{{ block "contentAfterLayout" . }}
33
<main class="col-span-1 md:col-span-8">
34
{{ block "contentAfter" . }}{{ end }}
35
</main>
36
{{ end }}
37
</div>
38
{{ end }}
+1
-1
appview/pages/templates/repo/commit.html
+1
-1
appview/pages/templates/repo/commit.html
+1
-1
appview/pages/templates/repo/compare/compare.html
+1
-1
appview/pages/templates/repo/compare/compare.html
+1
-1
appview/pages/templates/repo/fragments/interdiffFiles.html
+1
-1
appview/pages/templates/repo/fragments/interdiffFiles.html
···
1
{{ define "repo/fragments/interdiffFiles" }}
2
{{ $fileTree := fileTree .AffectedFiles }}
3
-
<section class="mt-4 px-6 py-2 border border-gray-200 dark:border-gray-700 w-full mx-auto rounded bg-white dark:bg-gray-800 drop-shadow-sm min-h-full text-sm">
4
<div class="diff-stat">
5
<div class="flex gap-2 items-center">
6
<strong class="text-sm uppercase dark:text-gray-200">files</strong>
···
1
{{ define "repo/fragments/interdiffFiles" }}
2
{{ $fileTree := fileTree .AffectedFiles }}
3
+
<section class="px-6 py-2 border border-gray-200 dark:border-gray-700 w-full mx-auto rounded bg-white dark:bg-gray-800 drop-shadow-sm min-h-full text-sm">
4
<div class="diff-stat">
5
<div class="flex gap-2 items-center">
6
<strong class="text-sm uppercase dark:text-gray-200">files</strong>
+3
-3
appview/pages/templates/repo/index.html
+3
-3
appview/pages/templates/repo/index.html
···
139
{{ $linkstyle := "no-underline hover:underline dark:text-white" }}
140
141
{{ range .Files }}
142
-
<div class="grid grid-cols-2 gap-4 items-center py-1">
143
-
<div class="col-span-1">
144
{{ $link := printf "/%s/%s/%s/%s" $.RepoInfo.FullName "tree" (urlquery $.Ref) .Name }}
145
{{ $icon := "folder" }}
146
{{ $iconStyle := "size-4 fill-current" }}
···
158
</a>
159
</div>
160
161
-
<div class="text-xs col-span-1 text-right">
162
{{ with .LastCommit }}
163
<a href="/{{ $.RepoInfo.FullName }}/commit/{{ .Hash }}" class="text-gray-500 dark:text-gray-400">{{ template "repo/fragments/time" .When }}</a>
164
{{ end }}
···
139
{{ $linkstyle := "no-underline hover:underline dark:text-white" }}
140
141
{{ range .Files }}
142
+
<div class="grid grid-cols-3 gap-4 items-center py-1">
143
+
<div class="col-span-2">
144
{{ $link := printf "/%s/%s/%s/%s" $.RepoInfo.FullName "tree" (urlquery $.Ref) .Name }}
145
{{ $icon := "folder" }}
146
{{ $iconStyle := "size-4 fill-current" }}
···
158
</a>
159
</div>
160
161
+
<div class="text-sm col-span-1 text-right">
162
{{ with .LastCommit }}
163
<a href="/{{ $.RepoInfo.FullName }}/commit/{{ .Hash }}" class="text-gray-500 dark:text-gray-400">{{ template "repo/fragments/time" .When }}</a>
164
{{ end }}
+1
-1
appview/pages/templates/repo/pulls/interdiff.html
+1
-1
appview/pages/templates/repo/pulls/interdiff.html
+1
-1
appview/pages/templates/repo/pulls/patch.html
+1
-1
appview/pages/templates/repo/pulls/patch.html
+2
-2
appview/pages/templates/repo/tree.html
+2
-2
appview/pages/templates/repo/tree.html
···
54
55
{{ range .Files }}
56
<div class="grid grid-cols-12 gap-4 items-center py-1">
57
-
<div class="col-span-6 md:col-span-4">
58
{{ $link := printf "/%s/%s/%s/%s/%s" $.RepoInfo.FullName "tree" (urlquery $.Ref) $.TreePath .Name }}
59
{{ $icon := "folder" }}
60
{{ $iconStyle := "size-4 fill-current" }}
···
77
{{ end }}
78
</div>
79
80
-
<div class="col-span-6 md:col-span-2 text-right">
81
{{ with .LastCommit }}
82
<a href="/{{ $.RepoInfo.FullName }}/commit/{{ .Hash }}" class="text-gray-500 dark:text-gray-400">{{ template "repo/fragments/time" .When }}</a>
83
{{ end }}
···
54
55
{{ range .Files }}
56
<div class="grid grid-cols-12 gap-4 items-center py-1">
57
+
<div class="col-span-8 md:col-span-4">
58
{{ $link := printf "/%s/%s/%s/%s/%s" $.RepoInfo.FullName "tree" (urlquery $.Ref) $.TreePath .Name }}
59
{{ $icon := "folder" }}
60
{{ $iconStyle := "size-4 fill-current" }}
···
77
{{ end }}
78
</div>
79
80
+
<div class="col-span-4 md:col-span-2 text-sm text-right">
81
{{ with .LastCommit }}
82
<a href="/{{ $.RepoInfo.FullName }}/commit/{{ .Hash }}" class="text-gray-500 dark:text-gray-400">{{ template "repo/fragments/time" .When }}</a>
83
{{ end }}