Better memory extension style

This commit is contained in:
SillyLossy
2023-03-06 18:02:50 +02:00
parent 3c8e70d827
commit 718a522763
2 changed files with 12 additions and 17 deletions

View File

@@ -335,8 +335,10 @@ $(document).ready(function () {
<div id="memory_settings">
<label for="memory_contents">Memory contents</label>
<textarea id="memory_contents" class="text_pole" rows="8" placeholder="Context will be generated here..."></textarea>
<label for="memory_frozen"><input id="memory_frozen" type="checkbox" /> Freeze context (don't auto-update)</label>
<input id="memory_restore" type="button" value="Restore previous state" />
<div class="memory_contents_controls">
<input id="memory_restore" class="menu_button" type="submit" value="Restore previous state" />
<label for="memory_frozen"><input id="memory_frozen" type="checkbox" /> Freeze context</label>
</div>
<label for="memory_short_length">Memory summarization [short-term] length (<span id="memory_short_length_tokens"></span> tokens)</label>
<input id="memory_short_length" type="range" value="${defaultSettings.shortMemoryLength}" min="${defaultSettings.minShortMemory}" max="${defaultSettings.maxShortMemory}" step="${defaultSettings.shortMemoryStep}" />
<label for="memory_long_length">Memory context [long-term] length (<span id="memory_long_length_tokens"></span> tokens)</label>

View File

@@ -4,38 +4,31 @@
}
#memory_settings textarea {
margin-bottom: 10px;
font-size: 14px;
line-height: 1.2;
}
#memory_settings input[type="range"] {
margin-left: 10px;
margin-bottom: 20px;
}
#memory_settings input[type="button"] {
cursor: pointer;
margin-left: 10px;
margin-bottom: 20px;
width: fit-content;
}
#memory_settings input[type="button"]:hover {
background-color: #ffffff11;
}
#memory_settings label {
margin-left: 10px;
margin-bottom: 10px;
}
label[for="memory_frozen"] {
display: flex;
align-items: center;
margin-left: 0 !important;
margin: 0 !important;
}
label[for="memory_frozen"] input {
margin-right: 10px;
}
.memory_contents_controls {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}