A decentralized music tracking and discovery platform built on AT Protocol 🎵
rocksky.app
spotify
atproto
lastfm
musicbrainz
scrobbling
listenbrainz
Adjust user result layout spacing and avatar sizing
+3
-3
+3
-3
apps/web/src/layouts/Search/Search.tsx
+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}