LogalDeveloper/owncast
0
Fork 0
Code Activity

Create padding around chat avatars and the colored container

Browse Source
This commit is contained in:
Gabe Kangas
2020-07-19 22:57:42 -07:00
parent 0fb48d8a7c
commit cbbff2e5f5
2 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
webroot/index.html
View File

@@ -124,11 +124,11 @@
<div id="messages-container">
<div v-for="message in messages" v-cloak>
<div class="message flex">
<img
v-bind:src="message.image"
class="message-avatar rounded-full bg-black bg-opacity-50"
v-bind:style="{ backgroundColor: message.userColor() }"
/>
<div class="message-avatar rounded-full flex items-center justify-center" v-bind:style="{ backgroundColor: message.userColor() }">
<img
v-bind:src="message.image"
/>
</div>
<div class="message-content">
<p class="message-author text-white font-bold">{{ message.author }}</p>
<p class="message-text text-gray-400 font-thin " v-html="message.formatText()"></p>