highperfocused/nostrudel
1
0
Fork 0
mirror of https://github.com/hzrd149/nostrudel.git synced 2025-04-02 08:58:36 +02:00
Code Issues Packages Projects Releases Wiki Activity

tweak stream chat message layout

Browse Source
This commit is contained in:
hzrd149 2023-08-30 15:05:36 -05:00
parent 64e8909e3e
commit bb16bddb9f
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/views/streams/stream/stream-chat/chat-message.tsx
View File

@ -15,14 +15,22 @@ function ChatMessage({ event, stream }: { event: NostrEvent; stream: ParsedStrea
return (
<TrustProvider event={event}>
<Box ref={ref}>
<NoteZapButton event={event} size="xs" variant="ghost" float="right" ml="2" allowComment={false} />
<Box overflow="hidden" maxH="lg">
<Box>
<Box overflow="hidden" maxH="lg" ref={ref}>
<UserAvatar pubkey={event.pubkey} size="xs" display="inline-block" mr="2" />
<Text as="span" fontWeight="bold" color={event.pubkey === stream.host ? "rgb(248, 56, 217)" : "cyan"}>
<UserLink pubkey={event.pubkey} />
{": "}
</Text>
<NoteZapButton
display="inline-block"
event={event}
size="xs"
variant="ghost"
float="right"
ml="2"
allowComment={false}
/>
<ChatMessageContent event={event} />
</Box>
</Box>