ansxor.ca
forked from
tangled.org/core
this repo has no description
appview/pages: add spacing and different orb design for language legend
Signed-off-by: ansxor <git@darienreese.ca>
Signed-off-by: ansxor <git@ansxor.ca>
+6
-2
appview/pages/templates/repo/index.html
+6
-2
appview/pages/templates/repo/index.html
···
47
47
<div class="px-4 py-2 bg-gray-50 dark:bg-gray-700 border-b border-gray-200 dark:border-gray-600 flex items-center gap-4 flex-wrap">
48
48
{{ range $value := .Languages }}
49
49
<div
50
-
class="flex items-center gap-2 text-xs"
50
+
class="flex flex-grow items-center gap-2 text-xs align-items-center justify-center"
51
51
>
52
-
<div class="rounded-full h-2 w-2" style="background-color: {{ $value.Color }}"></div>
52
+
<div
53
+
class="rounded-full h-2 w-2"
54
+
style="background: radial-gradient(circle at 35% 35%, color-mix(in srgb, {{ $value.Color }} 70%, white), {{ $value.Color }} 30%, color-mix(in srgb, {{ $value.Color }} 85%, black));"
55
+
>
56
+
</div>
53
57
<div>{{ or $value.Name "Other" }}
54
58
<span class="text-gray-500 dark:text-gray-400">
55
59
{{ if lt $value.Percentage 0.05 }}