LogalDeveloper/owncast
0
Fork 0
Code Activity

avatar\ change style update

Browse Source
This commit is contained in:
Ginger Wong
2020-08-23 21:49:26 -07:00
parent 940b6df86b
commit abf42f1a56
1 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
webroot/js/components/chat/message.js
View File

@@ -22,7 +22,7 @@ export default class Message extends Component {
const authorTextColor = { color: authorColor }; const authorTextColor = { color: authorColor };
return ( return (
html` html`
<div class="message flex flex-row align-start p-3"> <div class="message flex flex-row items-start p-3">
<div <div
class="message-avatar rounded-full flex items-center justify-center mr-3" class="message-avatar rounded-full flex items-center justify-center mr-3"
style=${avatarBgColor} style=${avatarBgColor}
@@ -46,10 +46,15 @@ export default class Message extends Component {
const { oldName, newName, image } = message; const { oldName, newName, image } = message;
return ( return (
html` html`
<div class="message flex align-start p3"> <div class="message message-name-change flex items-center justify-start p-3">
<div class="message-content text-sm"> <div class="message-content flex flex-row items-center justify-center text-sm">
<img class="mr-2" src=${image} /> <div
<div class="text-white text-center"> class="message-avatar rounded-full mr-3 bg-gray-900"
>
<img class="mr-2 p-1" src=${image} />
</div>
<div class="text-white text-center opacity-50">
<span class="font-bold">${oldName}</span> is now known as <span class="font-bold">${newName}</span>. <span class="font-bold">${oldName}</span> is now known as <span class="font-bold">${newName}</span>.
</div> </div>
</div> </div>