commit 5c6f4e213c55f9f19879369eb54180490a7a4d1c
parent 8400f0f66fe8136508e917f3869d9c88be6732b2
Author: MTRNord <mtrnord1@gmail.com>
Date: Fri, 5 May 2023 02:04:39 +0200
Improve spacing
Diffstat:
2 files changed, 3 insertions(+), 3 deletions(-)
diff --git a/src/components/events/messageEvent.tsx b/src/components/events/messageEvent.tsx
@@ -82,7 +82,7 @@ const MessageEvent: FC<MessageEventProps> = memo(({ event, roomID, hasPreviousEv
// TODO: sanitize the attributes allowed by matrix spec
return (
- <div className={!hasPreviousEvent ? "flex flex-row gap-4 p-2 pb-1 hover:bg-gray-200 rounded-md duration-200 ease-in-out items-start" : "flex flex-row p-2 pt-0 hover:bg-gray-200 rounded-md duration-200 ease-in-out"}>
+ <div className={!hasPreviousEvent ? "flex flex-row gap-4 p-2 pb-1 hover:bg-gray-200 rounded-md duration-200 ease-in-out items-start" : "flex flex-row p-2 pb-1 pt-0 hover:bg-gray-200 rounded-md duration-200 ease-in-out"}>
{!hasPreviousEvent && <Avatar
displayname={room?.getMemberName(event.sender) || ""}
avatarUrl={room?.getMemberAvatar(event.sender)}
@@ -98,7 +98,7 @@ const MessageEvent: FC<MessageEventProps> = memo(({ event, roomID, hasPreviousEv
)
} else {
return (
- <div className={!hasPreviousEvent ? "flex flex-row gap-4 p-2 pb-1 hover:bg-gray-200 rounded-md duration-200 ease-in-out items-start" : "flex flex-row p-2 pt-0 hover:bg-gray-200 rounded-md duration-200 ease-in-out"}>
+ <div className={!hasPreviousEvent ? "flex flex-row gap-4 p-2 pb-1 hover:bg-gray-200 rounded-md duration-200 ease-in-out items-start" : "flex flex-row p-2 pb-1 pt-0 hover:bg-gray-200 rounded-md duration-200 ease-in-out"}>
{!hasPreviousEvent && <Avatar
displayname={room?.getMemberName(event.sender) || ""}
avatarUrl={room?.getMemberAvatar(event.sender)}
diff --git a/src/pages/MainPage.tsx b/src/pages/MainPage.tsx
@@ -70,7 +70,7 @@ const ChatView: FC<ChatViewProps> = memo(({ roomID, scrollRef }) => {
return renderEvent(event, previousEventIsFromSameSender, previousEventType, reactions);
});
- return <div className='max-w-[130ch] flex flex-col gap-2'>{renderedEvents}</div>;
+ return <div className='max-w-[130ch] flex flex-col'>{renderedEvents}</div>;
});