LogalDeveloper/owncast
0
Fork 0
Code Activity

Add new icons and tweak styles of moderator actions

Browse Source
This commit is contained in:
Gabe Kangas
2021-11-13 17:03:17 -08:00
parent 1e1e7f5cf4
commit 5a6a4240ae
10 changed files with 1756 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -17,7 +17,7 @@ function SystemMessage(props) {
class="message-content flex flex-row items-center justify-center text-sm w-full"
>
<div
class="text-white text-center opacity-50 overflow-hidden break-words"
class="text-gray-300 text-center opacity-90 overflow-hidden break-words"
>
${contents}
</div>
@@ -57,9 +57,10 @@ export default function Message(props) {
// moderator message
const isModerator = checkIsModerator(message);
if (isModerator) {
const contents = html`<span class="font-bold moderator-flag"
>You are now a moderator.</span
>`;
const contents = html`<div class="rounded-lg bg-gray-700 p-3">
<img src="/img/moderator.svg" class="moderator-flag" />You are now a
moderator.
</div>`;
return html`<${SystemMessage} contents=${contents} />`;
}
} else {