Smartcraft-Media-Tech/chatrd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add files via upload

Browse Source
This commit is contained in:
Rodrigo Emanuel
2025-05-25 14:28:10 -03:00
committed by GitHub
parent cd95b148be
commit 4d97f6f9a4
3 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
css/app.css
View File

@@ -79,8 +79,12 @@ body {
vertical-align: middle; vertical-align: middle;
} }
#chat .message.bigger-emojis img.emote {
height: 32px;
}
#chat .message .text img.gigantify { #chat .message .text img.gigantify {
height: 84px; height: 84px !important;
display: block; display: block;
margin: 10px 0 5px 0; margin: 10px 0 5px 0;
} }

2
index.html
View File

@@ -65,6 +65,8 @@
<div class="setting"><label>Scroll Bar<br><small>Adds a scrollbar.</small></label></label><label class="switch"><input type="checkbox" name="chatScrollBar"><span class="slider"></span></label></div> <div class="setting"><label>Scroll Bar<br><small>Adds a scrollbar.</small></label></label><label class="switch"><input type="checkbox" name="chatScrollBar"><span class="slider"></span></label></div>
<div class="setting"><label>Bigger Emotes<br><small>Increases the emotes size from 22px to 32px.</small></label></label><label class="switch"><input type="checkbox" name="chatBiggerEmotes"><span class="slider"></span></label></div>
<div class="setting"></div> <div class="setting"></div>
<hr> <hr>

3
js/app.js
View File

@@ -16,6 +16,7 @@ const chatFontSize = getURLParam("chatFontSize", 1);
const chatBackground = getURLParam("chatBackground", "#121212"); const chatBackground = getURLParam("chatBackground", "#121212");
const chatBackgroundOpacity = getURLParam("chatBackgroundOpacity", 1); const chatBackgroundOpacity = getURLParam("chatBackgroundOpacity", 1);
const chatScrollBar = getURLParam("chatScrollBar", false); const chatScrollBar = getURLParam("chatScrollBar", false);
const chatBiggerEmotes = getURLParam("chatBiggerEmotes", false);
const chatField = getURLParam("chatField", false); const chatField = getURLParam("chatField", false);
const chatModeration = getURLParam("chatModeration", false); const chatModeration = getURLParam("chatModeration", false);
@@ -97,7 +98,7 @@ async function addMessageToChat(userID, messageID, platform, data) {
if (ttsSpeakerBotChat == true) { ttsSpeakerBotSays(data.userName, currentLang.ttschat, data.message); } if (ttsSpeakerBotChat == true) { ttsSpeakerBotSays(data.userName, currentLang.ttschat, data.message); }
let html = DOMPurify.sanitize(` let html = DOMPurify.sanitize(`
<div id="${messageID}" data-user="${userID}" class="${platform} ${data.classes} message" style=""> <div id="${messageID}" data-user="${userID}" class="${platform} ${data.classes} ${chatBiggerEmotes == true ? 'bigger-emojis' : ''} message" style="">
<div class="animate__animated ${chatHorizontal == true ? 'animate__fadeInRight' : 'animate__fadeInUp'} animate__faster"> <div class="animate__animated ${chatHorizontal == true ? 'animate__fadeInRight' : 'animate__fadeInUp'} animate__faster">
${data.classes.includes("first-message") ? '<span class="first-chatter">✨</span>' : '' } ${data.classes.includes("first-message") ? '<span class="first-chatter">✨</span>' : '' }