cetirizine

An experimental matrix client written in reactjs utilizing tailwind and storybook
git clone git://archive.git.mtrnord.blog/MTRNord/cetirizine.git
Log | Files | Refs | README | LICENSE

commit 5c6f4e213c55f9f19879369eb54180490a7a4d1c
parent 8400f0f66fe8136508e917f3869d9c88be6732b2
Author: MTRNord <mtrnord1@gmail.com>
Date:   Fri,  5 May 2023 02:04:39 +0200

Improve spacing

Diffstat:
Msrc/components/events/messageEvent.tsx | 4++--
Msrc/pages/MainPage.tsx | 2+-
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>; });