mirror
/
soapbox
kopia lustrzana https://gitlab.com/soapbox-pub/soapbox
1
0
Forkuj 1
Kod Zgłoszenia Packages Projekty Wydania Wiki Aktywność

ChatWindow: fix spacing between elements

environments/review-more-chat-cgbmzw/deployments/309
Alex Gleason 2022-06-18 15:50:46 -05:00
rodzic 3bd9467cc7
commit 9f0b7db8d8
Nie znaleziono w bazie danych klucza dla tego podpisu
ID klucza GPG: 7211D1F99744FBB7
1 zmienionych plików z 3 dodań i 3 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

6
app/soapbox/features/chats/components/chat-window.tsx
Wyświetl plik

@ -8,7 +8,7 @@ import {
import Avatar from 'soapbox/components/avatar'; import Avatar from 'soapbox/components/avatar';
import HoverRefWrapper from 'soapbox/components/hover_ref_wrapper'; import HoverRefWrapper from 'soapbox/components/hover_ref_wrapper';
import IconButton from 'soapbox/components/icon_button'; import IconButton from 'soapbox/components/icon_button';
import { Counter } from 'soapbox/components/ui'; import { HStack, Counter } from 'soapbox/components/ui';
import { useAppSelector, useAppDispatch } from 'soapbox/hooks'; import { useAppSelector, useAppDispatch } from 'soapbox/hooks';
import { makeGetChat } from 'soapbox/selectors'; import { makeGetChat } from 'soapbox/selectors';
import { getAcct } from 'soapbox/utils/accounts'; import { getAcct } from 'soapbox/utils/accounts';
@ -91,7 +91,7 @@ const ChatWindow: React.FC<IChatWindow> = ({ idx, chatId, windowState }) => {
return ( return (
<div className={`pane pane--${windowState}`} style={{ right: `${right}px` }}> <div className={`pane pane--${windowState}`} style={{ right: `${right}px` }}>
<div className='pane__header'> <HStack space={2} className='pane__header'>
{unreadCount > 0 ? unreadIcon : avatar } {unreadCount > 0 ? unreadIcon : avatar }
<button className='pane__title' onClick={handleChatToggle(chat.id)}> <button className='pane__title' onClick={handleChatToggle(chat.id)}>
@{getAcct(account, displayFqn)} @{getAcct(account, displayFqn)}
@ -99,7 +99,7 @@ const ChatWindow: React.FC<IChatWindow> = ({ idx, chatId, windowState }) => {
<div className='pane__close'> <div className='pane__close'>
<IconButton src={require('@tabler/icons/icons/x.svg')} title='Close chat' onClick={handleChatClose(chat.id)} /> <IconButton src={require('@tabler/icons/icons/x.svg')} title='Close chat' onClick={handleChatClose(chat.id)} />
</div> </div>
</div> </HStack>
<div className='pane__content'> <div className='pane__content'>
<ChatBox <ChatBox
chatId={chat.id} chatId={chat.id}