mirror of
https://github.com/nuttylmao/nutty.gg.git
synced 2026-09-18 19:50:58 -04:00
Merge branch 'beta' into revert-13-revert-11-main
This commit is contained in:
nuttylmao
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 5.3 KiB |
@@ -66,7 +66,7 @@
|
||||
</template>
|
||||
|
||||
<template id="tiktok-gift-template">
|
||||
<div class="tiktok-gift">
|
||||
<div class="tiktok-gift tiktok">
|
||||
<img class="tiktok-gift-avatar"
|
||||
src="https://static-cdn.jtvnw.net/jtv_user_pictures/f632e0c6-38e2-4065-a29e-6ba9b3e8cacf-profile_image-300x300.png" />
|
||||
<div class="tiktok-gift-message">
|
||||
@@ -84,6 +84,28 @@
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<template id="kick-gift-template">
|
||||
<div class="kick-gift kick">
|
||||
<img class="kick-gift-avatar"
|
||||
src="" />
|
||||
<div class="kick-gift-contents">
|
||||
<span id="kick-gift-username" style="font-weight: 700;">
|
||||
</span>
|
||||
<br>
|
||||
<div style="display: flex; flex-direction: row; align-items: center;">
|
||||
<span>sent <span id="kick-gift-name"></span></span>
|
||||
<img src="icons/badges/kick-kicks.svg" style="height: 1em; padding-left: 0.5em; padding-right: 0.25em;">
|
||||
<span id="kick-gift-amount">13</span>
|
||||
</div>
|
||||
<div id="kick-gift-message">
|
||||
</div>
|
||||
</div>
|
||||
<img class="kick-gift-sticker"
|
||||
src="" />
|
||||
</div>
|
||||
</template>
|
||||
</body>
|
||||
|
||||
<script src="../.common/utils/helpers.js"></script>
|
||||
<script src="./script.js"></script>
|
||||
+83
-229
@@ -7,8 +7,6 @@ const urlParams = new URLSearchParams(queryString);
|
||||
|
||||
const sbServerAddress = urlParams.get("address") || "127.0.0.1";
|
||||
const sbServerPort = urlParams.get("port") || "8080";
|
||||
const avatarMap = new Map();
|
||||
const pronounMap = new Map();
|
||||
|
||||
/////////////////
|
||||
// GLOBAL VARS //
|
||||
@@ -55,12 +53,13 @@ const showTwitchChannelPointRedemptions = GetBooleanParam("showTwitchChannelPoin
|
||||
const showTwitchRaids = GetBooleanParam("showTwitchRaids", true);
|
||||
const showTwitchSharedChat = GetIntParam("showTwitchSharedChat", 2);
|
||||
|
||||
let kickUsername = urlParams.get("kickUsername") || "";
|
||||
const kickUsername = urlParams.get("kickUsername") || "";
|
||||
const showKickMessages = GetBooleanParam("showKickMessages", true);
|
||||
// const showKickFollows = GetBooleanParam("showKickFollows", false);
|
||||
const showKickSubs = GetBooleanParam("showKickSubs", true);
|
||||
const showKickChannelPointRedemptions = GetBooleanParam("showKickChannelPointRedemptions", true);
|
||||
const showKickHosts = GetBooleanParam("showKickHosts", true);
|
||||
const showKickGifts = GetBooleanParam("showKickGifts", true);
|
||||
|
||||
const showYouTubeMessages = GetBooleanParam("showYouTubeMessages", true);
|
||||
const showYouTubeSuperChats = GetBooleanParam("showYouTubeSuperChats", true);
|
||||
@@ -85,9 +84,6 @@ const furryMode = GetBooleanParam("furryMode", false);
|
||||
|
||||
const animationSpeed = GetIntParam("animationSpeed", 0.1);
|
||||
|
||||
// Kick is stupid and turns underscores into dashes which fuck everything up, therefore do a find/replace to make it work good
|
||||
kickUsername = kickUsername.replace(/_/g, "-");
|
||||
|
||||
// Set fonts for the widget
|
||||
document.body.style.fontFamily = font;
|
||||
document.body.style.fontSize = `${fontSize}px`;
|
||||
@@ -322,6 +318,11 @@ client.on('Fourthwall.GiftDrawEnded', (response) => {
|
||||
FourthwallGiftDrawEnded(response.data);
|
||||
})
|
||||
|
||||
client.on('Fourthwall.GiftDrawEnded', (response) => {
|
||||
console.debug(response.data);
|
||||
FourthwallGiftDrawEnded(response.data);
|
||||
})
|
||||
|
||||
|
||||
|
||||
///////////////////////////
|
||||
@@ -334,18 +335,20 @@ async function KickConnect() {
|
||||
return;
|
||||
|
||||
// Channel to subscribe to (you'll need the correct channel name here)
|
||||
const chatroomId = await GetKickChatroomId(kickUsername);
|
||||
const kickIds = await GetKickIds(kickUsername);
|
||||
const chatroomId = kickIds.chatroomId;
|
||||
const channelId = kickIds.channelId;
|
||||
|
||||
// Cache subscriber badges
|
||||
kickSubBadges = await GetKickSubBadges(kickUsername);
|
||||
|
||||
const websocket = new WebSocket(kickPusherWsUrl);
|
||||
|
||||
// Reconnect
|
||||
websocket.onclose = function () {
|
||||
console.log(`Reconnecting to ${kickUsername}...`);
|
||||
setTimeout(connectPusher, 5000);
|
||||
};
|
||||
// Reconnect
|
||||
websocket.onclose = function () {
|
||||
console.log(`Reconnecting to ${kickUsername}...`);
|
||||
setTimeout(connectPusher, 5000);
|
||||
};
|
||||
|
||||
websocket.onopen = function () {
|
||||
console.log(`Kick successfully conntected to ${kickUsername}.`);
|
||||
@@ -363,10 +366,11 @@ async function KickConnect() {
|
||||
console.log(`[Pusher] Socket established with ID: ${socketData.socket_id}`);
|
||||
|
||||
// Now subscribe to a channel
|
||||
websocket.send(JSON.stringify({ event: 'pusher:subscribe', data: { channel: `chatroom_${chatroomId}` } }));
|
||||
websocket.send(JSON.stringify({ event: 'pusher:subscribe', data: { channel: `chatrooms.${chatroomId}` } }));
|
||||
websocket.send(JSON.stringify({ event: 'pusher:subscribe', data: { channel: `chatrooms.${chatroomId}.v2` } }));
|
||||
websocket.send(JSON.stringify({ event: 'pusher:subscribe', data: { channel: `predictions-channel-${chatroomId}` } }));
|
||||
websocket.send(JSON.stringify({ event: 'pusher:subscribe', data: { channel: `chatroom_${chatroomId}` } }));
|
||||
websocket.send(JSON.stringify({ event: 'pusher:subscribe', data: { channel: `chatrooms.${chatroomId}` } }));
|
||||
websocket.send(JSON.stringify({ event: 'pusher:subscribe', data: { channel: `chatrooms.${chatroomId}.v2` } }));
|
||||
websocket.send(JSON.stringify({ event: 'pusher:subscribe', data: { channel: `predictions-channel-${chatroomId}` } }));
|
||||
websocket.send(JSON.stringify({ event: 'pusher:subscribe', data: { channel: `channel_${channelId}` } }));
|
||||
console.log(`[Pusher] Sent subscription request to channel: ${chatroomId}`);
|
||||
}
|
||||
|
||||
@@ -398,6 +402,9 @@ async function KickConnect() {
|
||||
case 'UserBannedEvent':
|
||||
KickUserBanned(eventArgs);
|
||||
break;
|
||||
case 'KicksGifted':
|
||||
KickKicksGifted(eventArgs);
|
||||
break;
|
||||
}
|
||||
}
|
||||
catch (error) {
|
||||
@@ -420,7 +427,7 @@ let tikfinityWebsocket = null;
|
||||
function TikfinityConnect() {
|
||||
if (!enableTikTokSupport)
|
||||
return;
|
||||
|
||||
|
||||
if (tikfinityWebsocket) return; // Already connected
|
||||
|
||||
tikfinityWebsocket = new WebSocket("ws://localhost:21213/");
|
||||
@@ -457,7 +464,7 @@ function TikfinityConnect() {
|
||||
case 'like':
|
||||
TikTokLikes(data);
|
||||
break;
|
||||
|
||||
|
||||
case 'follow':
|
||||
TikTokFollow(data);
|
||||
break;
|
||||
@@ -536,9 +543,8 @@ async function TwitchChatMessage(data) {
|
||||
|
||||
// Set Shared Chat
|
||||
const isFromSharedChatGuest = data.isFromSharedChatGuest;
|
||||
if (isFromSharedChatGuest) {
|
||||
switch (showTwitchSharedChat)
|
||||
{
|
||||
if (isFromSharedChatGuest) {
|
||||
switch (showTwitchSharedChat) {
|
||||
// 2 = Show & Highlight
|
||||
case 2:
|
||||
let sharedChatChannel = data.sharedChatSource.name; // Twitch removed the source channel for some reason?!?!
|
||||
@@ -2518,6 +2524,35 @@ function KickMessageDeleted(data) {
|
||||
}, 500);
|
||||
}
|
||||
|
||||
async function KickKicksGifted(data) {
|
||||
if (!showKickGifts)
|
||||
return;
|
||||
|
||||
// Get a reference to the template
|
||||
const template = document.getElementById('kick-gift-template');
|
||||
|
||||
// Create a new instance of the template
|
||||
const instance = template.content.cloneNode(true);
|
||||
|
||||
// Get divs
|
||||
const avatarImg = instance.querySelector('.kick-gift-avatar');
|
||||
const usernameSpan = instance.querySelector('#kick-gift-username');
|
||||
const giftNameSpan = instance.querySelector('#kick-gift-name');
|
||||
const stickerImg = instance.querySelector('.kick-gift-sticker');
|
||||
const amountDiv = instance.querySelector('#kick-gift-amount');
|
||||
const messageDiv = instance.querySelector('#kick-gift-message');
|
||||
|
||||
avatarImg.src = await GetAvatar(data.sender.username, 'kick'); // Set the card header
|
||||
usernameSpan.innerText = data.sender.username; // Set the username
|
||||
usernameSpan.style.color = data.sender.username_color;
|
||||
giftNameSpan.innerText = data.gift.name; // Set the gift name
|
||||
stickerImg.src = `https://files.kick.com/kicks/gifts/${data.gift.gift_id.replace('_', '-')}.webp`; // Set the sticker image URL
|
||||
amountDiv.innerText = data.gift.amount; // Set the number of gifts sent
|
||||
messageDiv.innerText = data.message // Set the message
|
||||
|
||||
AddMessageItem(instance, null, 'kick', data.senderId);
|
||||
}
|
||||
|
||||
function KickUserBanned(data) {
|
||||
const messageList = document.getElementById("messageList");
|
||||
|
||||
@@ -2545,7 +2580,7 @@ function KickUserBanned(data) {
|
||||
async function TikTokChat(data) {
|
||||
if (!showTikTokMessages)
|
||||
return;
|
||||
|
||||
|
||||
// Don't post messages starting with "!"
|
||||
if (data.comment.startsWith("!") && excludeCommands)
|
||||
return;
|
||||
@@ -2728,27 +2763,28 @@ function TikTokLikes(data) {
|
||||
let likeCount = parseInt(data.likeCount);
|
||||
|
||||
// Search for Previous Likes from the Same User
|
||||
const previousLikeContainer = document.querySelector(`.likes[data-user-identifier="${data.userId}"]`);
|
||||
const previousLikeContainer = document.querySelector(`.likes[data-user-identifier="${data.userId}"]`);
|
||||
|
||||
// If found, fetches the previous likes, deletes the element
|
||||
// and then creates a new count with a sum of the like count
|
||||
if (previousLikeContainer) {
|
||||
const likeCountElem = previousLikeContainer.querySelector('#tiktok-gift-repeat-count');
|
||||
if (likeCountElem) {
|
||||
const liLikeContainer = previousLikeContainer.parentElement?.parentElement
|
||||
if (liLikeContainer) {
|
||||
|
||||
let prevLikeCount = parseInt(likeCountElem.textContent.replace('x', ''), 10);
|
||||
let likeCountUpdate = Math.floor(prevLikeCount + likeCount);
|
||||
let likeCountDiv = previousLikeContainer.querySelector('#tiktok-gift-repeat-count');
|
||||
// If found, fetches the previous likes, deletes the element
|
||||
// and then creates a new count with a sum of the like count
|
||||
if (previousLikeContainer) {
|
||||
const likeCountElem = previousLikeContainer.querySelector('#tiktok-gift-repeat-count');
|
||||
if (likeCountElem) {
|
||||
const liLikeContainer = previousLikeContainer.parentElement?.parentElement;
|
||||
if (liLikeContainer) {
|
||||
let prevLikeCount = parseInt(likeCountElem.textContent.replace('x', ''), 10);
|
||||
let likeCountUpdate = Math.floor(prevLikeCount + likeCount);
|
||||
let likeCountDiv = previousLikeContainer.querySelector('#tiktok-gift-repeat-count');
|
||||
|
||||
likeCountDiv.innerText = `x${likeCountUpdate}`;
|
||||
|
||||
const parent = liLikeContainer.parentElement;
|
||||
if (parent) { parent.appendChild(liLikeContainer); }
|
||||
}
|
||||
}
|
||||
}
|
||||
likeCountDiv.innerText = `x${likeCountUpdate}`;
|
||||
|
||||
const parent = liLikeContainer.parentElement;
|
||||
if (parent) {
|
||||
parent.appendChild(liLikeContainer);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
else {
|
||||
// Get a reference to the template
|
||||
@@ -2891,111 +2927,6 @@ function YouTubeThumbnailPreview(data) {
|
||||
// HELPER FUNCTIONS //
|
||||
//////////////////////
|
||||
|
||||
function GetBooleanParam(paramName, defaultValue) {
|
||||
const urlParams = new URLSearchParams(window.location.search);
|
||||
const paramValue = urlParams.get(paramName);
|
||||
|
||||
if (paramValue === null) {
|
||||
return defaultValue; // Parameter not found
|
||||
}
|
||||
|
||||
const lowercaseValue = paramValue.toLowerCase(); // Handle case-insensitivity
|
||||
|
||||
if (lowercaseValue === 'true') {
|
||||
return true;
|
||||
} else if (lowercaseValue === 'false') {
|
||||
return false;
|
||||
} else {
|
||||
return paramValue; // Return original string if not 'true' or 'false'
|
||||
}
|
||||
}
|
||||
|
||||
function GetIntParam(paramName, defaultValue) {
|
||||
const urlParams = new URLSearchParams(window.location.search);
|
||||
const paramValue = urlParams.get(paramName);
|
||||
|
||||
if (paramValue === null) {
|
||||
return defaultValue; // or undefined, or a default value, depending on your needs
|
||||
}
|
||||
|
||||
console.log(paramValue);
|
||||
|
||||
const intValue = parseInt(paramValue, 10); // Parse as base 10 integer
|
||||
|
||||
if (isNaN(intValue)) {
|
||||
return null; // or handle the error in another way, e.g., throw an error
|
||||
}
|
||||
|
||||
return intValue;
|
||||
}
|
||||
|
||||
function GetCurrentTimeFormatted() {
|
||||
const now = new Date();
|
||||
let hours = now.getHours();
|
||||
const minutes = String(now.getMinutes()).padStart(2, '0');
|
||||
const ampm = hours >= 12 ? 'PM' : 'AM';
|
||||
|
||||
hours = hours % 12;
|
||||
hours = hours ? hours : 12; // the hour '0' should be '12'
|
||||
|
||||
const formattedTime = `${hours}:${minutes} ${ampm}`;
|
||||
return formattedTime;
|
||||
}
|
||||
|
||||
async function GetAvatar(username, platform) {
|
||||
|
||||
// First, check if the username is hashed already
|
||||
if (avatarMap.has(`${username}-${platform}`)) {
|
||||
console.debug(`Avatar found for ${username} (${platform}). Retrieving from hash map.`)
|
||||
return avatarMap.get(`${username}-${platform}`);
|
||||
}
|
||||
|
||||
// If code reaches this point, the username hasn't been hashed, so retrieve avatar
|
||||
switch (platform) {
|
||||
case 'twitch':
|
||||
{
|
||||
console.debug(`No avatar found for ${username} (${platform}). Retrieving from Decapi.`)
|
||||
let response = await fetch('https://decapi.me/twitch/avatar/' + username);
|
||||
let data = await response.text();
|
||||
avatarMap.set(`${username}-${platform}`, data);
|
||||
return data;
|
||||
}
|
||||
case 'kick':
|
||||
{
|
||||
console.debug(`No avatar found for ${username} (${platform}). Retrieving from Kick.`)
|
||||
let response = await fetch('https://kick.com/api/v2/channels/' + username);
|
||||
console.log('https://kick.com/api/v2/channels/' + username)
|
||||
let data = await response.json();
|
||||
let avatarURL = data.user.profile_pic;
|
||||
if (!avatarURL)
|
||||
avatarURL = 'https://kick.com/img/default-profile-pictures/default2.jpeg';
|
||||
avatarMap.set(`${username}-${platform}`, avatarURL);
|
||||
return avatarURL;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
async function GetPronouns(platform, username) {
|
||||
if (pronounMap.has(username)) {
|
||||
console.debug(`Pronouns found for ${username}. Retrieving from hash map.`)
|
||||
return pronounMap.get(username);
|
||||
}
|
||||
else {
|
||||
console.debug(`No pronouns found for ${username}. Retrieving from alejo.io.`)
|
||||
const response = await client.getUserPronouns(platform, username);
|
||||
const userFound = response.pronoun.userFound;
|
||||
const pronouns = userFound ? `${response.pronoun.pronounSubject}/${response.pronoun.pronounObject}` : '';
|
||||
|
||||
pronounMap.set(username, pronouns);
|
||||
|
||||
return pronouns;
|
||||
}
|
||||
}
|
||||
|
||||
// function IsImageUrl(url) {
|
||||
// return url.match(/^http.*\.(jpeg|jpg|gif|png)$/) != null;
|
||||
// }
|
||||
|
||||
function IsImageUrl(url) {
|
||||
try {
|
||||
const { pathname } = new URL(url);
|
||||
@@ -3064,12 +2995,6 @@ function AddMessageItem(element, elementID, platform, userId) {
|
||||
}, 200);
|
||||
}
|
||||
|
||||
function DecodeHTMLString(html) {
|
||||
var txt = document.createElement("textarea");
|
||||
txt.innerHTML = html;
|
||||
return txt.value;
|
||||
}
|
||||
|
||||
// I used Gemini for this shit so if it doesn't work, blame Google
|
||||
function FindFirstImageUrl(jsonObject) {
|
||||
if (typeof jsonObject !== 'object' || jsonObject === null) {
|
||||
@@ -3165,77 +3090,6 @@ function GetWinnersList(gifts) {
|
||||
}
|
||||
}
|
||||
|
||||
function TranslateToFurry(sentence) {
|
||||
const words = sentence.toLowerCase().split(/\b/);
|
||||
|
||||
const furryWords = words.map(word => {
|
||||
if (/\w+/.test(word)) {
|
||||
let newWord = word;
|
||||
|
||||
// Common substitutions
|
||||
newWord = newWord.replace(/l/g, 'w');
|
||||
newWord = newWord.replace(/r/g, 'w');
|
||||
newWord = newWord.replace(/th/g, 'f');
|
||||
newWord = newWord.replace(/you/g, 'yous');
|
||||
newWord = newWord.replace(/my/g, 'mah');
|
||||
newWord = newWord.replace(/me/g, 'meh');
|
||||
newWord = newWord.replace(/am/g, 'am');
|
||||
newWord = newWord.replace(/is/g, 'is');
|
||||
newWord = newWord.replace(/are/g, 'are');
|
||||
newWord = newWord.replace(/very/g, 'vewy');
|
||||
newWord = newWord.replace(/pretty/g, 'pwetty');
|
||||
newWord = newWord.replace(/little/g, 'wittle');
|
||||
newWord = newWord.replace(/nice/g, 'nyce');
|
||||
|
||||
// Random additions
|
||||
if (Math.random() < 0.15) {
|
||||
newWord += ' nya~';
|
||||
} else if (Math.random() < 0.1) {
|
||||
newWord += ' >w<';
|
||||
} else if (Math.random() < 0.05) {
|
||||
newWord += ' owo';
|
||||
}
|
||||
|
||||
return newWord;
|
||||
}
|
||||
return word;
|
||||
});
|
||||
|
||||
return furryWords.join('');
|
||||
}
|
||||
|
||||
function EscapeRegExp(string) {
|
||||
return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
|
||||
}
|
||||
|
||||
async function GetKickChatroomId(username) {
|
||||
const url = `https://kick.com/api/v2/channels/${username}`;
|
||||
|
||||
try {
|
||||
const response = await fetch(url);
|
||||
if (!response.ok) {
|
||||
throw new Error(`HTTP error ${response.status}`);
|
||||
}
|
||||
|
||||
const data = await response.json();
|
||||
if (data.chatroom && data.chatroom.id) {
|
||||
return data.chatroom.id;
|
||||
} else {
|
||||
throw new Error("Chatroom ID not found in response.");
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("Failed to fetch chatroom ID:", error.message);
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
async function GetKickSubBadges(username) {
|
||||
const response = await fetch(`https://kick.com/api/v2/channels/${username}`);
|
||||
const data = await response.json();
|
||||
|
||||
return data.subscriber_badges || [];
|
||||
}
|
||||
|
||||
function GetKickBadgeURL(data) {
|
||||
switch (data.type) {
|
||||
case 'subscriber':
|
||||
@@ -3246,14 +3100,14 @@ function GetKickBadgeURL(data) {
|
||||
}
|
||||
|
||||
function CalculateKickSubBadge(months) {
|
||||
if (!Array.isArray(kickSubBadges)) return null;
|
||||
if (!Array.isArray(kickSubBadges)) return null;
|
||||
|
||||
// Filter for eligible badges, then get the one with the highest 'months'
|
||||
const badge = kickSubBadges
|
||||
.filter(b => b.months <= months)
|
||||
.sort((a, b) => b.months - a.months)[0];
|
||||
// Filter for eligible badges, then get the one with the highest 'months'
|
||||
const badge = kickSubBadges
|
||||
.filter(b => b.months <= months)
|
||||
.sort((a, b) => b.months - a.months)[0];
|
||||
|
||||
return badge?.badge_image?.src || `icons/badges/kick-subscriber.svg`;
|
||||
return badge?.badge_image?.src || `icons/badges/kick-subscriber.svg`;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="icon" href="../../.resources/logo.png" type="image/png">
|
||||
<link rel="icon" href="../../.common/resources/logo.png" type="image/png">
|
||||
<title>nutty</title>
|
||||
<style>
|
||||
body {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
const widgetContainer = document.getElementById('widgetContainer');
|
||||
|
||||
const settingsPageURL = '../../.utilities/settings-page-builder';
|
||||
const settingsPageURL = '../../.common/core/settings-core';
|
||||
|
||||
const currentURL = window.location.href;
|
||||
|
||||
|
||||
@@ -376,6 +376,14 @@
|
||||
"defaultValue": true,
|
||||
"group": "Which Kick messages do you want to see?"
|
||||
},
|
||||
{
|
||||
"id": "showKickGifts",
|
||||
"label": "Gifts",
|
||||
"description": "",
|
||||
"type": "checkbox",
|
||||
"defaultValue": true,
|
||||
"group": "Which Kick messages do you want to see?"
|
||||
},
|
||||
{
|
||||
"id": "enableTikTokSupport",
|
||||
"label": "Enable TikTok Support",
|
||||
|
||||
@@ -224,17 +224,18 @@ li {
|
||||
transform: translate(0px, 0.25em);
|
||||
}
|
||||
|
||||
.kick-gift,
|
||||
.tiktok-gift {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
gap: 1em;
|
||||
padding: 0.5em 1em;
|
||||
padding: 0.5em;
|
||||
border-radius: var(--border-radius);
|
||||
max-width: 100%;
|
||||
background: linear-gradient(#262626BF, #000000BF) !important;
|
||||
}
|
||||
|
||||
.kick-gift-avatar,
|
||||
.tiktok-gift-avatar {
|
||||
height: 3em;
|
||||
margin: 1px;
|
||||
@@ -243,17 +244,37 @@ li {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.kick-gift-contents,
|
||||
.tiktok-gift-message {
|
||||
flex-grow: 1;
|
||||
white-space: nowrap; /* keeps text in a single line */
|
||||
overflow: hidden; /* hides overflowed content */
|
||||
text-overflow: ellipsis; /* adds the "..." at the end */
|
||||
/* white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis; */
|
||||
gap: 1em;
|
||||
}
|
||||
|
||||
/* .kick-gift-contents {
|
||||
text-align: center;
|
||||
} */
|
||||
|
||||
#kick-gift-message {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.kick-gift-sticker,
|
||||
.tiktok-gift-sticker {
|
||||
flex-shrink: 0;
|
||||
justify-content: flex-end;
|
||||
|
||||
filter: drop-shadow(5px 5px 5px #00000060);
|
||||
}
|
||||
|
||||
.tiktok-gift-sticker {
|
||||
height: 2.5em;
|
||||
flex-shrink: 0;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.kick-gift-sticker {
|
||||
height: 5em;
|
||||
}
|
||||
|
||||
#tiktok-gift-repeat-count {
|
||||
@@ -292,7 +313,7 @@ li {
|
||||
}
|
||||
|
||||
.kick {
|
||||
background: linear-gradient(#53fc18, #005600) !important;
|
||||
background: linear-gradient(#32b602, #005600) !important;
|
||||
}
|
||||
|
||||
.streamlabs {
|
||||
|
||||
Reference in New Issue
Block a user