forked from
tangled.org/core
Monorepo for Tangled
shadows + rounding everywhere
+42
-40
+2
-2
appview/pages/templates/layouts/repobase.html
+2
-2
appview/pages/templates/layouts/repobase.html
···
23
23
{{ end }}
24
24
</span>
25
25
</section>
26
-
<section id="repo-links" class="min-h-screen flex flex-col">
26
+
<section id="repo-links" class="min-h-screen flex flex-col drop-shadow-sm">
27
27
<nav class="w-full mx-auto ml-4">
28
28
<div class="flex z-60">
29
29
{{ $activeTabStyles := "-mb-px bg-white" }}
···
49
49
</div>
50
50
</nav>
51
51
<section
52
-
class="bg-white p-6 min-h-[200px] rounded relative z-20 w-full mx-auto"
52
+
class="bg-white p-6 rounded relative z-20 w-full mx-auto drop-shadow-sm"
53
53
>
54
54
{{ block "repoContent" . }}{{ end }}
55
55
</section>
+1
-1
appview/pages/templates/layouts/topbar.html
+1
-1
appview/pages/templates/layouts/topbar.html
···
1
1
{{ define "layouts/topbar" }}
2
2
{{ $linkstyle := "text-black hover:text-gray-600 no-underline" }}
3
3
<nav
4
-
class="space-x-4 mb-4 px-6 py-2 rounded bg-white shadow-[0_4px_10px_-1px_rgba(0,0,0,0.1)]"
4
+
class="space-x-4 mb-4 px-6 py-2 rounded bg-white drop-shadow-sm"
5
5
>
6
6
<div class="container flex justify-between p-0">
7
7
<div id="left-items">
+26
-24
appview/pages/templates/repo/commit.html
+26
-24
appview/pages/templates/repo/commit.html
···
67
67
{{ $last := sub (len $diff) 1 }}
68
68
{{ range $idx, $hunk := $diff }}
69
69
{{ with $hunk }}
70
-
<section class="mt-6 border border-gray-200 w-full mx-auto rounded bg-white">
70
+
<section class="mt-6 border border-gray-200 w-full mx-auto rounded bg-white drop-shadow-sm">
71
71
<div id="file-{{ .Name.New }}">
72
72
<div id="diff-file">
73
73
<details open>
···
108
108
</div>
109
109
</summary>
110
110
111
-
{{ if .IsDelete }}
112
-
<p class="text-center text-gray-400 p-4">
113
-
This file has been deleted in this commit.
114
-
</p>
115
-
{{ else }}
116
-
{{ if .IsBinary }}
111
+
<div class="transition-all duration-700 ease-in-out">
112
+
{{ if .IsDelete }}
117
113
<p class="text-center text-gray-400 p-4">
118
-
This is a binary file and will not be displayed.
114
+
This file has been deleted in this commit.
119
115
</p>
120
-
{{ else }}
116
+
{{ else }}
117
+
{{ if .IsBinary }}
118
+
<p class="text-center text-gray-400 p-4">
119
+
This is a binary file and will not be displayed.
120
+
</p>
121
+
{{ else }}
121
122
<pre class="overflow-auto">
122
-
{{- range .TextFragments -}}
123
-
<div class="bg-gray-100 text-gray-500 select-none">{{ .Header }}</div>
124
-
{{- range .Lines -}}
125
-
{{- if eq .Op.String "+" -}}
126
-
<div class="bg-green-100 text-green-700 p-1"><span class="select-none mx-2">{{ .Op.String }}</span><span>{{ .Line }}</span></div>
127
-
{{- end -}}
123
+
{{- range .TextFragments -}}
124
+
<div class="bg-gray-100 text-gray-500 select-none">{{ .Header }}</div>
125
+
{{- range .Lines -}}
126
+
{{- if eq .Op.String "+" -}}
127
+
<div class="bg-green-100 text-green-700 p-1"><span class="select-none mx-2">{{ .Op.String }}</span><span>{{ .Line }}</span></div>
128
+
{{- end -}}
128
129
129
-
{{- if eq .Op.String "-" -}}
130
-
<div class="bg-red-100 text-red-700 p-1"><span class="select-none mx-2">{{ .Op.String }}</span><span>{{ .Line }}</span></div>
131
-
{{- end -}}
130
+
{{- if eq .Op.String "-" -}}
131
+
<div class="bg-red-100 text-red-700 p-1"><span class="select-none mx-2">{{ .Op.String }}</span><span>{{ .Line }}</span></div>
132
+
{{- end -}}
132
133
133
-
{{- if eq .Op.String " " -}}
134
-
<div class="bg-white text-gray-500 px"><span class="select-none mx-2">{{ .Op.String }}</span><span>{{ .Line }}</span></div>
135
-
{{- end -}}
134
+
{{- if eq .Op.String " " -}}
135
+
<div class="bg-white text-gray-500 px"><span class="select-none mx-2">{{ .Op.String }}</span><span>{{ .Line }}</span></div>
136
+
{{- end -}}
136
137
138
+
{{- end -}}
137
139
{{- end -}}
138
-
{{- end -}}
139
140
</pre>
140
-
{{- end -}}
141
-
{{ end }}
141
+
{{- end -}}
142
+
{{ end }}
143
+
</div>
142
144
143
145
</details>
144
146
+4
-4
appview/pages/templates/repo/issues/issue.html
+4
-4
appview/pages/templates/repo/issues/issue.html
···
25
25
<div class="flex items-center gap-2">
26
26
<div
27
27
id="state"
28
-
class="inline-flex items-center px-3 py-1 {{ $bgColor }}"
28
+
class="inline-flex items-center rounded px-3 py-1 {{ $bgColor }}"
29
29
>
30
30
<i
31
31
data-lucide="{{ $icon }}"
···
55
55
{{ range $index, $comment := .Comments }}
56
56
<div
57
57
id="comment-{{ .CommentId }}"
58
-
class="rounded-sm bg-white p-4 relative"
58
+
class="rounded bg-white p-4 relative"
59
59
>
60
60
{{ if eq $index 0 }}
61
61
<div
···
70
70
{{ $owner := index $.DidHandleMap .OwnerDid }}
71
71
<span class="text-gray-400 text-sm">
72
72
<a
73
-
href="{{ $owner }}"
73
+
href="/{{ $owner }}"
74
74
class="no-underline hover:underline"
75
75
>{{ $owner }}</a
76
76
>
···
97
97
>
98
98
<textarea
99
99
name="body"
100
-
class="w-full p-2 border border-gray-200"
100
+
class="w-full p-2 rounded border border-gray-200"
101
101
placeholder="Add to the discussion..."
102
102
></textarea>
103
103
<button type="submit" class="btn mt-2">comment</button>
+1
-1
appview/pages/templates/repo/issues/issues.html
+1
-1
appview/pages/templates/repo/issues/issues.html
+1
-1
appview/pages/templates/repo/log.html
+1
-1
appview/pages/templates/repo/log.html
+2
-2
appview/pages/templates/user/profile.html
+2
-2
appview/pages/templates/user/profile.html
···
31
31
{{ range .Repos }}
32
32
<div
33
33
id="repo-card"
34
-
class="border border-black p-4 shadow-sm bg-white"
34
+
class="p-4 drop-shadow-sm rounded bg-white"
35
35
>
36
36
<div id="repo-card-name" class="font-medium">
37
37
<a href="/@{{ or $.UserHandle $.UserDid }}/{{ .Name }}"
···
54
54
{{ range .CollaboratingRepos }}
55
55
<div
56
56
id="repo-card"
57
-
class="border border-black p-4 shadow-sm bg-white"
57
+
class="p-4 drop-shadow-sm rounded bg-white"
58
58
>
59
59
<div id="repo-card-name" class="font-medium">
60
60
<a href="/{{ .Did }}/{{ .Name }}">
+5
-5
input.css
+5
-5
input.css
···
90
90
word-spacing: -0.07em;
91
91
}
92
92
93
-
a {
94
-
@apply no-underline text-black hover:underline hover:text-gray-800;
95
-
}
96
-
97
93
@layer base {
94
+
a {
95
+
@apply no-underline text-black hover:underline hover:text-gray-800;
96
+
}
97
+
98
98
label {
99
99
@apply block text-sm text-black;
100
100
}
···
112
112
justify-center bg-transparent px-2 pb-[0.2rem] text-base
113
113
text-gray-900 before:absolute before:inset-0 before:-z-10
114
114
before:block before:rounded-sm before:border before:border-gray-200
115
-
before:bg-white before:shadow-[0_2px_2px_0_rgba(20,20,96,0.1),inset_0_-2px_0_0_#f5f5f5]
115
+
before:bg-white before:drop-shadow-sm
116
116
before:content-[''] hover:before:border-gray-300
117
117
hover:before:bg-gray-50
118
118
hover:before:shadow-[0_2px_2px_0_rgba(20,20,96,0.1),inset_0_-2px_0_0_#f5f5f5]