pds.ls / pdsls
atmosphere explorer pds.ls
tool typescript atproto
434
fork

Configure Feed

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

truncate handle and display name in typeahead results

Juliet 1d688452 65ef80c7

+3 -3
+3 -3
src/components/search.tsx
··· 312 312 src={actor.avatar?.replace("img/avatar/", "img/avatar_thumbnail/")} 313 313 class="size-9 rounded-full" 314 314 /> 315 - <div class="flex flex-col"> 315 + <div class="flex min-w-0 flex-col"> 316 316 <Show when={actor.displayName}> 317 - <span class="text-sm font-medium">{actor.displayName}</span> 317 + <span class="truncate text-sm font-medium">{actor.displayName}</span> 318 318 </Show> 319 - <span class="text-xs text-neutral-600 dark:text-neutral-400"> 319 + <span class="truncate text-xs text-neutral-600 dark:text-neutral-400"> 320 320 @{actor.handle} 321 321 </span> 322 322 </div>