Better checkbox styles

This commit is contained in:
SillyLossy
2023-03-11 15:54:38 +02:00
parent 28004e7616
commit 2b51a3348c
3 changed files with 22 additions and 14 deletions

View File

@ -2734,7 +2734,7 @@
function callPopup(text){
$("#dialogue_popup_cancel").css("display", "inline-block");
switch(popup_type){
case 'text':
case 'char_not_selected':
$("#dialogue_popup_ok").text("Ok");
@ -4319,6 +4319,12 @@
// World Info Editor
async function showWorldEditor() {
if (!world_info) {
popup_type = 'default';
callPopup('<h3>Select a world info first!</h3>');
return;
}
is_world_edit_open = true;
$('#world_popup_name').val(world_info);
$('#world_popup').css('display', 'flex');
@ -5395,8 +5401,8 @@
<option value="1">Style Anchor - Character Anchor</option>
</select>
<div id="anchor_checkbox">
<input id="character_anchor" type="checkbox"/><h4>Character Anchor</h4>
<input id="style_anchor" type="checkbox"/><h4>Style Anchor</h4>
<label for="character_anchor"><input id="character_anchor" type="checkbox"/><h4>Character Anchor</h4></label>
<label for="style_anchor"><input id="style_anchor" type="checkbox"/><h4>Style Anchor</h4></label>
</div>
</div>
</div>
@ -5406,8 +5412,8 @@
<div id="power-user-options-block">
<h3>Power User Options</h3>
<div id="power-user-option-checkboxes">
<input id="auto-connect-checkbox" type="checkbox"/><h4>Auto-connects Last Server</h4>
<input id="auto-load-chat-checkbox" type="checkbox"/><h4>Auto-load Last Chat</h4>
<label for="auto-connect-checkbox"><input id="auto-connect-checkbox" type="checkbox"/><h4>Auto-connects Last Server</h4></label>
<label for="auto-load-chat-checkbox"><input id="auto-load-chat-checkbox" type="checkbox"/><h4>Auto-load Last Chat</h4></label>
</div>
</div>

View File

@ -7,7 +7,7 @@ let extensions = [];
const settings_html = `
<div class="extensions_block">
<hr>
<h3>Extensions</h3>
<h3>Extensions: <a target="_blank" href="https://github.com/SillyLossy/TavernAI-extras">TavernAI-extras</a></h3>
<input id="extensions_url" type="text" class="text_pole" />
<div class="extensions_url_block">
<input id="extensions_connect" class="menu_button" type="submit" value="Connect" />

View File

@ -1634,13 +1634,15 @@ input[type="range"] {
background-color: var(--black50a);
}
#anchor_checkbox, #power-user-option-checkboxes{
display: flex;
flex-direction: column;
row-gap: 5px;
}
#anchor_checkbox label, #power-user-option-checkboxes label {
display: flex;
flex-direction: row;
column-gap: 10px;
align-items: center;
text-align: left;
display: grid;
grid-template-rows: 30px auto;
grid-template-columns: 30px auto;
grid-gap:5px;
}
#shadow_character_popup{