albert/qmining-page
1
0
Fork 0
mirror of https://gitlab.com/MrFry/qmining-page synced 2025-04-01 20:23:44 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

smaller images in chat

Browse source
This commit is contained in:
mrfry 2022-12-05 21:06:34 +01:00
parent ca208dfc39
commit 6884dccd6e
2 changed files with 3 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/pages/chat.js
View file

@ -517,6 +517,7 @@ export default class Chat extends React.Component {
{this.renderLoadMore()} {this.renderLoadMore()}
{selectedMsgs.reduce((acc, currMessage, i) => { {selectedMsgs.reduce((acc, currMessage, i) => {
const { date, sender, unread } = currMessage const { date, sender, unread } = currMessage
const msgStyle = sender === user ? styles.ownMsg : styles.partnerMsg
const timeString = new Date(date).toLocaleString() const timeString = new Date(date).toLocaleString()
if (prevMsg && prevMsg.unread === 0 && unread === 1) { if (prevMsg && prevMsg.unread === 0 && unread === 1) {
if (sender === selectedUser) { if (sender === selectedUser) {
@ -530,7 +531,7 @@ export default class Chat extends React.Component {
key={i} key={i}
title={timeString} title={timeString}
className={`${styles.messageContainer} ${ className={`${styles.messageContainer} ${
sender === user ? styles.ownMsg : styles.partnerMsg currMessage.type !== 'img' ? msgStyle : ''
}`} }`}
> >
{this.renderMsg(currMessage, i)} {this.renderMsg(currMessage, i)}

2
src/pages/chat.module.css
View file

@ -135,7 +135,7 @@
} }
.messageContainer img { .messageContainer img {
max-width: 100%; max-width: 150px;
width: 100%; width: 100%;
height: auto; height: auto;
border-radius: 5px; border-radius: 5px;