tangled.org
Monorepo for Tangled
tangled.org
appview/pages: unify button styles across all edit/create forms
Signed-off-by: oppiliappan <me@oppi.li>
author
oppiliappan
date
(Jul 24, 2026, 11:16 AM +0100)
commit
c6e3998c
c6e3998c2537a6eaf327e4a857714970ea9d25e7
parent
35883cbb
35883cbb60fb602d0b818623912631e45401764c
change-id
svmqtnmu
svmqtnmuzxtzvwktzxqrzustyympytnv
+16
-15
+3
-3
appview/pages/templates/fragments/comment/edit.html
+3
-3
appview/pages/templates/fragments/comment/edit.html
···
27
27
{{ define "save" }}
28
28
<button
29
29
type="submit"
30
-
class="btn-create flex gap-1 items-center group text-sm"
30
+
class="btn-create-flat flex gap-1 items-center group text-sm"
31
31
>
32
-
{{ i "check" "size-4" }}
32
+
{{ i "loader-circle" "size-4 animate-spin hidden group-[.htmx-request]:inline" }}
33
+
{{ i "check" "size-4 inline group-[.htmx-request]:hidden" }}
33
34
Save
34
-
{{ i "loader-circle" "w-4 h-4 animate-spin hidden group-[.htmx-request]:inline" }}
35
35
</button>
36
36
{{ end }}
37
37
+5
-4
appview/pages/templates/repo/issues/fragments/putIssue.html
+5
-4
appview/pages/templates/repo/issues/fragments/putIssue.html
···
26
26
<div class="flex justify-between">
27
27
<div id="issues" class="error"></div>
28
28
<div class="flex gap-2 items-stretch">
29
-
<a
30
-
class="btn-flat flex items-center gap-2 no-underline hover:no-underline"
29
+
<a
30
+
class="btn-flat text-red-500 dark:text-red-400 flex items-center gap-2 no-underline hover:no-underline"
31
31
type="button"
32
32
{{ if .Issue }}
33
33
href="/{{ .RepoInfo.FullName }}/issues/{{ .Issue.IssueId }}"
···
41
41
<button type="submit" class="btn-create-flat flex items-center gap-2">
42
42
{{ i "loader-circle" "w-4 h-4 animate-spin hidden group-[.htmx-request]:inline" }}
43
43
{{ if eq .Action "edit" }}
44
-
{{ i "pencil" "w-4 h-4 inline group-[.htmx-request]:hidden" }}
44
+
{{ i "check" "w-4 h-4 inline group-[.htmx-request]:hidden" }}
45
+
Save
45
46
{{ else }}
46
47
{{ i "circle-plus" "w-4 h-4 inline group-[.htmx-request]:hidden" }}
48
+
Create issue
47
49
{{ end }}
48
-
{{ .Action | capitalize }}
49
50
</button>
50
51
</div>
51
52
</div>
+5
-5
appview/pages/templates/repo/pulls/fragments/pullEdit.html
+5
-5
appview/pages/templates/repo/pulls/fragments/pullEdit.html
···
23
23
<div id="pulls" class="error"></div>
24
24
<div class="flex gap-2 items-stretch">
25
25
<a
26
-
class="btn flex items-center gap-2 no-underline hover:no-underline"
26
+
class="btn-flat text-red-500 dark:text-red-400 flex items-center gap-2 no-underline hover:no-underline"
27
27
type="button"
28
28
href="/{{ .RepoInfo.FullName }}/pulls/{{ .Pull.PullId }}"
29
29
>
30
30
{{ i "x" "size-4" }}
31
31
Cancel
32
32
</a>
33
-
<button type="submit" class="btn-create group flex items-center gap-2">
34
-
{{ i "loader-circle" "w-4 h-4 animate-spin hidden group-[.htmx-request]:inline" }}
35
-
{{ i "pencil" "size-4 inline group-[.htmx-request]:hidden" }}
36
-
edit
33
+
<button type="submit" class="btn-create-flat group flex items-center gap-2">
34
+
{{ i "loader-circle" "size-4 animate-spin hidden group-[.htmx-request]:inline" }}
35
+
{{ i "check" "size-4 inline group-[.htmx-request]:hidden" }}
36
+
Save
37
37
</button>
38
38
</div>
39
39
</div>
+3
-3
appview/pages/templates/repo/pulls/fragments/pullStepDetails.html
+3
-3
appview/pages/templates/repo/pulls/fragments/pullStepDetails.html
···
71
71
class="btn-create flex items-center gap-2"
72
72
hx-indicator="#create-pull-spinner"
73
73
>
74
-
{{ i "git-pull-request-create" "w-4 h-4" }}
75
-
Create pull request
76
-
<span id="create-pull-spinner" class="group">
74
+
<span id="create-pull-spinner" class="group flex items-center">
77
75
{{ i "loader-circle" "w-4 h-4 animate-spin hidden group-[.htmx-request]:inline" }}
76
+
{{ i "git-pull-request-create" "w-4 h-4 inline group-[.htmx-request]:hidden" }}
78
77
</span>
78
+
Create pull request
79
79
</button>
80
80
</div>
81
81
{{ end }}