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

Inital work on substitution

Browse Source
This commit is contained in:
somebody
2022-10-08 22:05:44 -05:00
parent 0174b96ec1
commit 8b5130c21a
2 changed files with 60 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
static/koboldai.css
View File

@@ -2259,6 +2259,26 @@ body {
margin-right: 5px;
}
/* Substitutions */
#substitution-header {
display: flex;
width: 100%;
justify-content: space-around;
}
.substitution-card {
display: flex;
column-gap: 5px;
height: 30px;
width: 100%;
padding: 1px 0px;
}
.substitution-card > *{
min-width: 0;
}
/*---------------------------------- Global ------------------------------------------------*/
.hidden {
display: none;

40
templates/settings flyout.html
View File

@@ -412,6 +412,46 @@
<input type=checkbox class="setting_item_input" data-size="mini" data-onstyle="success" data-toggle="toggle">
</div>
</div>
<div class="collapsable_header" onclick="toggle_setting_category(this);">
<h4 style="width:var(--flyout_menu_width);"><span class="material-icons-outlined cursor">expand_more</span> Substitutions</h4>
</div>
<!--
Some good ideas for defaults:
-- : –
(c) : ©
(r) : ®
--- : —
... : …
tm : ™ (maybe)
-->
<div class="setting_tile_area" id="Substitutions">
<span class="help_text">Automatically replaces characters as you type.</span>
<div id="substitution-header" class="noselect">
<b>Replace</b> <b>With</b>
</div>
<div class="substitution-card">
<input class="target">
<input class="substitution">
</div>
<div class="substitution-card">
<input class="target">
<input class="substitution">
</div>
<div class="substitution-card">
<input class="target">
<input class="substitution">
</div>
<div id="new-card" class="substitution-card cursor">
<span class="material-icons-outlined">
add
</span>
</div>
</div>
</div>
<div id="settings_footer" class="settings_footer">
<span>Execution Time: <span id="Execution Time"></span></span> |