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

ADDED Ko-Fi, Fourthwall, TipeeeStream and Patreon

Browse Source
This commit is contained in:
Rodrigo Emanuel
2025-05-14 17:58:19 -03:00
committed by GitHub
parent ad95369878
commit e103df9e3f
17 changed files with 953 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
css/app.css
View File

@@ -360,6 +360,84 @@ body {
#chat .message.patreon.event > div {
background: #ff5900;
background: linear-gradient(180deg,rgba(255, 89, 0, 1) 0%, rgba(199, 70, 0, 1) 100%);
}
#chat .message.tipeeestream.event > div {
background: #E02F44;
background: linear-gradient(180deg,rgba(224, 47, 68, 1) 0%, rgba(140, 35, 47, 1) 100%);
}
#chat .message.kofi.event > div {
background: #72A5F2;
background: linear-gradient(180deg,rgba(114, 165, 242, 1) 0%, rgba(81, 115, 166, 1) 100%);
}
#chat .message.fourthwall.event.order > div .platform { order: 1; }
#chat .message.fourthwall.event.order > div .image {
order: 2;
width: max-content;
height: 72px;
filter: drop-shadow(0px 0px 6px rgba(0,0,0,0.25));
padding: 5px 10px 5px 0;
}
#chat .message.fourthwall.event.order > div .image img {
width: max-content;
height: 100%;
border-radius: 5px;
}
#chat .message.fourthwall.event.order > div .info { order: 3; }
#chat .message.fourthwall.event.order.giantimage > div {
flex-wrap: wrap;
}
#chat .message.fourthwall.event.order.giantimage > div .platform { order: 2; }
#chat .message.fourthwall.event.order.giantimage > div .image {
order: 1;
flex: 0 0 100%;
height: 202px;
text-align: center;
margin: 10px 0;
}
#chat .message.fourthwall.event.order.giantimage > div .image img {
width: max-content;
height: 192px;
}
#chat .message.fourthwall.event.order.giantimage > div .info { order: 3; }
#chat .message.fourthwall.event > div {
background: #0044ff;
background: linear-gradient(180deg,rgba(0, 68, 255, 1) 0%, rgba(0, 47, 176, 1) 100%);
}
#chat.horizontal {
display: flex;

36
css/settings.css
View File

@@ -37,12 +37,12 @@ a { color: #ffcc00; }
}
.url-bar {
margin: 20px 0;
margin: 0 0 20px 0;
font-size: 16px;
}
.url-bar input[type=text] {
font-family: "Inter", sans-serif;
/*font-family: "Inter", sans-serif;
border: none;
background: #171717;
color: #FFF;
@@ -51,7 +51,8 @@ a { color: #ffcc00; }
width: 100%;
text-align: center;
outline: none;
font-size: 14px;
font-size: 14px;*/
display: none;
}
@@ -99,6 +100,11 @@ a { color: #ffcc00; }
fill: #FFF;
}
.tab-content h2 img {
width: 26px;
vertical-align: bottom;
}
.tab-content .setting {
display: flex;
justify-content: space-between;
@@ -292,10 +298,29 @@ a { color: #ffcc00; }
background-color: #00dd63;
}
.tab-content#patreon .setting input[type=checkbox]:checked + .slider {
background-color: #ff5900;
}
.tab-content#tipeee .setting input[type=checkbox]:checked + .slider {
background-color: #e02f44;
}
.tab-content#kofi .setting input[type=checkbox]:checked + .slider {
background-color: #72a5f2;
}
.tab-content#fourthwall .setting input[type=checkbox]:checked + .slider {
background-color: #0042ff;
}
.tab-content .setting input[type=checkbox]:disabled + .slider {
background-color: #000 !important;
}
#font-value {
display: inline-block;
font-style: normal;
@@ -331,6 +356,11 @@ footer a svg {
fill: #ffcc00;
}
footer a img {
width: 24px;
vertical-align: bottom;
}
footer .nav-bar {
display: inline-flex;
flex-direction: row;