bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

UX improvements to message bubble

Browse source
This commit is contained in:
Chewbacca 2022-12-02 08:28:51 -05:00
parent d875c1c3e8
commit 8df7d9c9ef
2 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/soapbox/features/chats/components/chat-composer.tsx
View file

@ -141,7 +141,7 @@ const ChatComposer = React.forwardRef<HTMLTextAreaElement | null, IChatComposer>
}
return (
<div className='mt-auto pt-4 px-4 shadow-3xl'>
<div className='mt-auto px-4 shadow-3xl'>
<HStack alignItems='stretch' justifyContent='between' space={4}>
<Stack grow>
<Combobox

4
app/soapbox/features/chats/components/chat-message-list.tsx
View file

@ -310,7 +310,7 @@ const ChatMessageList: React.FC<IChatMessageList> = ({ chat }) => {
title={getFormattedTimestamp(chatMessage)}
className={
classNames({
'text-ellipsis break-all relative rounded-md p-2 max-w-full': true,
'text-ellipsis break-all relative rounded-md py-2 px-3 max-w-full': true,
'bg-primary-500 text-white': isMyMessage,
'bg-gray-200 dark:bg-gray-800 text-gray-900 dark:text-gray-100': !isMyMessage,
'!bg-transparent !p-0 emoji-lg': isOnlyEmoji,
@ -448,7 +448,7 @@ const ChatMessageList: React.FC<IChatMessageList> = ({ chat }) => {
return (
<div className='h-full flex flex-col flex-grow space-y-6'>
<div className='flex-grow flex flex-col justify-end'>
<div className='flex-grow flex flex-col justify-end pb-2'>
<Virtuoso
ref={node}
alignToBottom