rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-06-05 21:59:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

top settings connect icon is now red when disconnected

Browse Source
This commit is contained in:
RossAsscends
2023-03-21 21:08:15 +09:00
parent 324398a9ed
commit ca9a5c72ea
3 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public/index.html
View File

@@ -82,7 +82,7 @@
<div id="sys-settings-button" class="drawer" style="z-index:3001;">
<div class="drawer-toggle drawer-header">
<div class="drawer-icon icon-connect closedIcon"></div>
<div id="API-status-top" class="drawer-icon icon-connect closedIcon"></div>
</div>
<div id="rm_api_block" class="drawer-content closedDrawer">
<div id="main-API-selector-block">

2
public/scripts/RossAscends-mods.js
View File

@@ -187,10 +187,12 @@ function RA_checkOnlineStatus() {
$("#send_textarea").attr("placeholder", "Not connected to API!"); //Input bar placeholder tells users they are not connected
$("#send_form").css("background-color", "rgba(100,0,0,0.7)"); //entire input form area is red when not connected
$("#send_but").css("display", "none"); //send button is hidden when not connected;
$("#API-status-top").addClass("redOverlayGlow");
} else {
if (online_status !== undefined && online_status !== "no_connection") {
$("#send_textarea").attr("placeholder", "Type a message..."); //on connect, placeholder tells user to type message
$("#send_form").css("background-color", "rgba(0,0,0,0.7)"); //on connect, form BG changes to transprent black
$("#API-status-top").removeClass("redOverlayGlow");
if (!is_send_press && !(selected_group && is_group_generating)) {
$("#send_but").css("display", "inline"); //on connect, send button shows

4
public/style.css
View File

@@ -2755,6 +2755,10 @@ label[for="extensions_autoconnect"] {
transition: all 0.275s;
}
.redOverlayGlow{
filter: invert(20%) sepia(100%) saturate(2518%) hue-rotate(353deg) brightness(93%) contrast(125%) drop-shadow(0px 0px 1px #c00) !important;
}
.drawer-icon.closedIcon {
/* background-image: url('img/circle-chevron-down-solid.svg'); */
filter: invert(1);