Qortal/qortal-ui
4
1
Fork 4
mirror of https://github.com/Qortal/qortal-ui.git synced 2025-02-11 17:55:51 +00:00
Code Issues Projects Releases Wiki Activity

Avatar fixed size with rounded corner

Browse Source
This commit is contained in:
AlphaX-Projects 2022-01-18 18:28:27 +01:00 committed by GitHub
parent 428c6897cc
commit 46ef434627
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
qortal-ui-plugins/plugins/core/components/ChatScroller.js
View File

@ -139,6 +139,10 @@ class ChatScroller extends LitElement {
clear: both;
height: 0;
}
img {
border-radius: 25%;
}
`
}
@ -177,7 +181,7 @@ class ChatScroller extends LitElement {
<span class="message-data-name">${messageObj.senderName ? messageObj.senderName : messageObj.sender}</span>
<span class="message-data-time"><message-time timestamp=${messageObj.timestamp}></message-time></span>
</div>
<div class="message-data-avatar" style="width:40px; ${messageObj.sender === this.myAddress ? "float:right;" : "float:left;"} margin:3px;">${avatarImg}</div>
<div class="message-data-avatar" style="width:42px; height:42px; ${messageObj.sender === this.myAddress ? "float:right;" : "float:left;"} margin:3px;">${avatarImg}</div>
<div id="messageContent" class="message ${messageObj.sender === this.myAddress ? "my-message float-right" : "other-message float-left"}">${this.emojiPicker.parse(this.escapeHTML(messageObj.decodedMessage))}</div>
</li>
`