nostr/iris-messenger
1
0
Fork 0
mirror of https://github.com/irislib/iris-messenger.git synced 2024-10-18 06:03:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

chatlist layout

Browse Source
This commit is contained in:
Martti Malmi 2023-08-05 10:45:13 +03:00
parent 528d8d0764
commit 82dad5dbf3
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/js/components/user/Avatar.tsx
View File

@ -95,7 +95,7 @@ class MyAvatar extends Component<Props, State> {
maxHeight: `${width}px`,
cursor: this.props.onClick ? 'pointer' : undefined,
}}
className={`inline-flex flex-col items-center justify-center relative select-none ${hasPictureStyle} ${showTooltip} ${activity}`}
className={`inline-flex flex-col flex-shrink-0 items-center justify-center relative select-none ${hasPictureStyle} ${showTooltip} ${activity}`}
onClick={this.props.onClick}
>
<div>

6
src/js/views/chat/ChatListItem.tsx
View File

@ -27,11 +27,11 @@ const ChatListItem = ({ chat, active = false, latestMsg = {} as any, name }) =>
onKeyUp={onKeyUp}
role="button"
tabIndex={0}
className={`flex p-2 flex-row gap-4 ${active ? 'bg-neutral-800' : 'hover:bg-neutral-900'}`}
className={`p-2 ${active ? 'bg-neutral-800' : 'hover:bg-neutral-900'}`}
onClick={() => route(`/chat/${npub || chat}`)}
>
<Avatar str={npub || chat} width={49} />
<div className="flex flex-row">
<div className="flex gap-4 overflow-x-hidden">
<Avatar str={npub || chat} width={49} />
<div className="flex flex-col">
<span className="name">
<Show when={name}>{name}</Show>