fix alignment issues inside message modal contents
This commit is contained in:
parent
652b33ec51
commit
6d1ad051fe
|
|
@ -151,13 +151,13 @@ const JKMessageModal = props => {
|
|||
>
|
||||
{ isIterableArray(messages) &&
|
||||
messages.map((message, index) => (
|
||||
<div className="d-flex mb-3 mr-1 text-message-row" key={message.id}>
|
||||
<div className="avatar avatar-2xl d-inline-block mr-2">
|
||||
<div className="d-flex mb-3 mr-1 text-message-row d-inline-block" key={message.id}>
|
||||
<div className="avatar avatar-2xl">
|
||||
<JKProfileAvatar
|
||||
src={message.receiverId === currentUser.id ? userPhotoUrl : currentUserPhotoUrl }
|
||||
/>
|
||||
</div>
|
||||
<div className="d-inline-block">
|
||||
<div style={{ width: "90%"}}>
|
||||
<div className="d-flex flex-column">
|
||||
<div>
|
||||
<strong>{message.senderName}</strong>
|
||||
|
|
|
|||
Loading…
Reference in New Issue