Monorepo for Tangled
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

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
··· 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>