More readable no connection color.

This commit is contained in:
Cohee 2023-08-27 22:38:42 +03:00
parent 0844374de5
commit 96512c178e
3 changed files with 9 additions and 24 deletions

View File

@ -2062,7 +2062,6 @@
<div class="online_status_indicator4"></div> <div class="online_status_indicator4"></div>
<div class="online_status_text4">No connection...</div> <div class="online_status_text4">No connection...</div>
</div> </div>
<br>
</div> </div>
</div> </div>
<div class="flex-container alignitemscenter spaceBetween wide100p"> <div class="flex-container alignitemscenter spaceBetween wide100p">

View File

@ -91,7 +91,7 @@ async function generateHypeBot() {
} }
if (!secret_state[SECRET_KEYS.NOVEL]) { if (!secret_state[SECRET_KEYS.NOVEL]) {
setHypeBotText('<span class="hypebot_nokey">No API key found. Please enter your API key in the NovelAI API Settings</span>'); setHypeBotText('<div class="hypebot_nokey">No API key found. Please enter your API key in the NovelAI API Settings to use the HypeBot.</div>');
return; return;
} }

View File

@ -517,7 +517,7 @@ hr {
} }
#send_form.no-connection { #send_form.no-connection {
background-color: rgba(100, 0, 0, 0.5) !important; background-color: var(--crimson70a) !important;
} }
#send_but_sheld { #send_but_sheld {
@ -1980,14 +1980,19 @@ grammarly-extension {
/* ------ online status indicators and texts. 2 = kobold AI, 3 = Novel AI ----------*/ /* ------ online status indicators and texts. 2 = kobold AI, 3 = Novel AI ----------*/
#online_status2, #online_status2,
#online_status3,
#online_status_horde, #online_status_horde,
.online_status4 { .online_status4 {
opacity: 0.5; opacity: 0.8;
margin-top: 2px; margin-top: 2px;
margin-bottom: 15px; margin-bottom: 15px;
display: flex;
align-items: center;
gap: 5px;
} }
#online_status_indicator2, #online_status_indicator2,
#online_status_indicator3,
#online_status_indicator_horde, #online_status_indicator_horde,
.online_status_indicator4 { .online_status_indicator4 {
border-radius: 7px; border-radius: 7px;
@ -1998,32 +2003,13 @@ grammarly-extension {
} }
#online_status_text2, #online_status_text2,
#online_status_text3,
#online_status_text_horde, #online_status_text_horde,
.online_status_text4 { .online_status_text4 {
margin-left: 4px; margin-left: 4px;
display: inline-block; display: inline-block;
} }
#online_status3 {
opacity: 0.5;
margin-top: 2px;
margin-bottom: 30px;
}
#online_status_indicator3 {
border-radius: 7px;
width: 14px;
height: 14px;
background-color: red;
display: inline-block;
}
#online_status_text3 {
margin-left: 4px;
display: inline-block;
}
#horde_model { #horde_model {
height: 150px; height: 150px;
} }