forked from
tangled.org/core
Monorepo for Tangled
appview/notifications/item: force profile pictures to fit a 1:1 ratio
Signed-off-by: eti <eti@eti.tf>
authored by
eti
and committed by
tangled.org
3bbab0bf
3518f473
+4
-4
+4
-4
appview/pages/templates/notifications/fragments/item.html
+4
-4
appview/pages/templates/notifications/fragments/item.html
···
1
1
{{define "notifications/fragments/item"}}
2
2
<a href="{{ template "notificationUrl" . }}" class="block no-underline hover:no-underline">
3
-
<div
3
+
<div
4
4
class="
5
-
w-full mx-auto rounded drop-shadow-sm dark:text-white bg-white dark:bg-gray-800 px-2 md:px-6 py-4 transition-colors
5
+
w-full mx-auto rounded drop-shadow-sm dark:text-white bg-white dark:bg-gray-800 px-2 md:px-6 py-4 transition-colors
6
6
{{if not .Read}}bg-blue-50 dark:bg-blue-800/20 border border-blue-500 dark:border-sky-800{{end}}
7
7
flex gap-2 items-center
8
8
">
···
20
20
{{end}}
21
21
22
22
{{ define "notificationIcon" }}
23
-
<div class="flex-shrink-0 max-h-full w-16 h-16 relative">
24
-
<img class="object-cover rounded-full p-2 w-16 h-16" src="{{ fullAvatar .ActorDid }}" />
23
+
<div class="flex-shrink-0 max-h-full relative">
24
+
<img class="object-cover size-16 rounded-full p-2" src="{{ fullAvatar .ActorDid }}" />
25
25
<div class="absolute border-2 border-white dark:border-gray-800 bg-gray-200 dark:bg-gray-700 bottom-1 right-1 rounded-full p-1 flex items-center justify-center z-10">
26
26
{{ i .Icon "size-3 text-black dark:text-white" }}
27
27
</div>