qortal.link/qortal-ui
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Avatar fixed size with rounded corner

Browse Source
This commit is contained in:
AlphaX-Projects 2022-01-18 18:26:56 +01:00 committed by GitHub
parent b1d69450a9
commit 428c6897cc
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/ChatPage.js
View File

@ -83,6 +83,10 @@ class ChatPage extends LitElement {
.float-left {
float: left;
}
img {
border-radius: 25%;
}
`
}
@ -236,7 +240,7 @@ class ChatPage 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.selectedAddress.address ? "float:right;" : "float:left;"} margin:3px;">${avatarImg}</div>
<div class="message-data-avatar" style="width:42px; height:42px; ${messageObj.sender === this.selectedAddress.address ? "float:right;" : "float:left;"} margin:3px;">${avatarImg}</div>
<div class="message ${messageObj.sender === this.selectedAddress.address ? "my-message float-right" : "other-message float-left"}">${this.emojiPicker.parse(escape(messageObj.decodedMessage))}</div>
</li>
`