yusufipek/YTChatHub
1
0
Fork 0
mirror of https://github.com/yusufipk/YTChatHub.git synced 2026-09-11 10:56:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add support for custom emojis and membership badges in chat display

Browse Source
This commit is contained in:
Yusuf İpek
2025-10-09 01:05:13 +03:00
parent 5a33b01a11
commit fce6ca5708
5 changed files with 188 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/app/globals.css
+32
View File
@@ -729,11 +729,19 @@ main {
font-size: 0.85rem;
padding: 0.15rem 0.4rem;
border-radius: 4px;
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 0.25rem;
}
.badge--image {
width: 16px;
height: 16px;
padding: 0;
border-radius: 2px;
}
.badge--moderator {
background: rgba(239, 68, 68, 0.2);
color: #fca5a5;
@@ -964,6 +972,30 @@ main {
font-size: 0.9rem;
}
.overlay__badge--image {
width: 20px;
height: 20px;
border-radius: 2px;
}
/* Inline emoji images */
.overlay__emoji {
width: 1.2em;
height: 1.2em;
vertical-align: -0.2em;
margin: 0 0.08em;
display: inline-block;
}
.chatItem__emoji,
.memberItem__emoji {
width: 1.1em;
height: 1.1em;
vertical-align: -0.2em;
margin: 0 0.06em;
display: inline-block;
}
.overlay__superchat,
.overlay__membership {
padding: 0.6rem 1rem;