+1
-1
appview/pages/templates/layouts/fragments/topbar.html
+1
-1
appview/pages/templates/layouts/fragments/topbar.html
+1
-1
appview/pages/templates/notifications/fragments/bell.html
+1
-1
appview/pages/templates/notifications/fragments/bell.html
···
3
3
hx-get="/notifications/count"
4
4
hx-target="#notification-count"
5
5
hx-trigger="load, every 30s">
6
-
<a href="/notifications" class="text-gray-500 dark:text-gray-400 flex gap-1 items-center group ml-4 mr-2">
6
+
<a href="/notifications" class="text-gray-500 dark:text-gray-400 flex gap-1 items-end group">
7
7
{{ i "bell" "w-5 h-5" }}
8
8
<span id="notification-count"></span>
9
9
</a>
+5
-5
appview/pages/templates/notifications/fragments/count.html
+5
-5
appview/pages/templates/notifications/fragments/count.html
···
1
1
{{define "notifications/fragments/count"}}
2
-
{{if and .Count (gt .Count 0)}}
3
-
<span class="absolute -top-1 -right-0.5 min-w-[16px] h-[16px] px-1 bg-red-500 text-white text-xs font-medium rounded-full flex items-center justify-center">
4
-
{{if gt .Count 99}}99+{{else}}{{.Count}}{{end}}
5
-
</span>
6
-
{{end}}
2
+
{{if and .Count (gt .Count 0)}}
3
+
<span class="absolute -top-1.5 -right-0.5 min-w-[16px] h-[16px] px-1 bg-red-500 text-white text-xs font-medium rounded-full flex items-center justify-center">
4
+
{{if gt .Count 99}}99+{{else}}{{.Count}}{{end}}
5
+
</span>
6
+
{{end}}
7
7
{{end}}