A decentralized music tracking and discovery platform built on AT Protocol 🎵 rocksky.app
spotify atproto lastfm musicbrainz scrobbling listenbrainz
98
fork

Configure Feed

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

Adjust user result layout spacing and avatar sizing

+3 -3
+3 -3
apps/web/src/layouts/Search/Search.tsx
··· 84 84 <> 85 85 {item._federation.indexUid === "users" && ( 86 86 <Link to={`/profile/${item.handle}`} key={item.id}> 87 - <div className="flex flex-row mb-[10px]"> 87 + <div className="flex flex-row mb-[10px] mt-[10px]"> 88 88 {!item.avatar?.endsWith("/@jpeg") && ( 89 89 <img 90 90 key={item.did} ··· 94 94 /> 95 95 )} 96 96 {item.avatar?.endsWith("/@jpeg") && ( 97 - <div className="w-[50px] h-[50px] rounded-full bg-[var(--color-avatar-background)] flex items-center justify-center mr-[12px]"> 97 + <div className="min-w-[50px] min-h-[50px] rounded-full bg-[var(--color-avatar-background)] flex items-center justify-center mr-[12px] flex-shrink-0"> 98 98 <IconUser size={25} color="#fff" /> 99 99 </div> 100 100 )} 101 - <div> 101 + <div className="overflow-hidden"> 102 102 <div className="overflow-hidden"> 103 103 <div className="overflow-hidden text-ellipsis whitespace-nowrap text-[var(--color-text)]"> 104 104 {item.displayName}