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

Slimmed the chat Field Options

Browse Source
This commit is contained in:
Rodrigo Emanuel
2025-05-31 15:47:05 -03:00
committed by GitHub
parent ac11323b6d
commit 8fcd3228ce
2 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
chat.html
View File

@@ -66,12 +66,12 @@
<div class="chat-enabler" id="tiktok">
<img src="images/logo-tiktok.svg" alt="">
<label class="switch"><input type="checkbox" name="chatOnTiktok"><span class="slider"></span></label>
<span class="hint">Chat only.<br>Needs setup!<br><a href="https://github.com/vortisrd/chatrd/tree/main?tab=readme-ov-file#tiktok-chat-setup" target="_blank">Read More</a></span>
<span class="hint"><a title="Chat only. Needs setup. Click here to know how." href="https://github.com/vortisrd/chatrd/tree/main?tab=readme-ov-file#tiktok-chat-setup" target="_blank"><i class="fa-solid fa-circle-info"></i></a></span>
</div>
<div class="chat-enabler" id="kick">
<img src="images/logo-kick.svg" alt="">
<label class="switch"><input type="checkbox" name="chatOnKick"><span class="slider"></span></label>
<span class="hint">Chat only.<br>Needs setup!<br><a href="https://github.com/vortisrd/chatrd/tree/main?tab=readme-ov-file#kickbot-installation-on-streamerbot" target="_blank">Read More</a></span>
<span class="hint"><a title="Chat only. Needs setup. Click here to know how." href="https://github.com/vortisrd/chatrd/tree/main?tab=readme-ov-file#kickbot-installation-on-streamerbot" target="_blank"><i class="fa-solid fa-circle-info"></i></a></span>
</div>
</div>

24
css/app.css
View File

@@ -586,11 +586,11 @@ body {
#chat-input .settings {
display: none;
background: #0c0c0c;
padding: 10px 20px;
border-radius: 10px;
padding: 5px 10px;
border-radius: 100px;
position: absolute;
top: -75px;
top: -40px;
right: 0px;
z-index: 11;
@@ -614,7 +614,7 @@ body {
}
#chat-input .settings img {
width: 28px;
width: 20px;
}
@@ -631,13 +631,13 @@ body {
#chat-input .settings .switch {
position: relative;
display: inline-block;
width: 50px;
height: 27px;
width: 40px;
height: 20px;
}
#chat-input .settings .hint {
color: #FFF;
font-size: 12px;
font-size: 18px;
}
#chat-input .settings .hint a {
@@ -668,18 +668,18 @@ body {
#chat-input .settings .slider:before {
position: absolute;
content: "";
height: 1.4em;
width: 1.3em;
height: 16px;
width: 16px;
border-radius: 16px;
left: 5px;
top: 3px;
left: 3px;
top: 2px;
bottom: 0;
background-color: white;
transition: .4s;
}
#chat-input .settings input[type=checkbox]:checked + .slider:before {
transform: translateX(1.5em);
transform: translateX(19px);
}
#chat-input #twitch input[type=checkbox]:checked + .slider {