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"> <div class="chat-enabler" id="tiktok">
<img src="images/logo-tiktok.svg" alt=""> <img src="images/logo-tiktok.svg" alt="">
<label class="switch"><input type="checkbox" name="chatOnTiktok"><span class="slider"></span></label> <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>
<div class="chat-enabler" id="kick"> <div class="chat-enabler" id="kick">
<img src="images/logo-kick.svg" alt=""> <img src="images/logo-kick.svg" alt="">
<label class="switch"><input type="checkbox" name="chatOnKick"><span class="slider"></span></label> <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>
</div> </div>

24
css/app.css
View File

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