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

Option Pin Visual Cleanup

Browse Source
This commit is contained in:
ebolam
2022-11-27 11:33:54 -05:00
parent a3103f14ba
commit ba685e3aa5
2 changed files with 20 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
static/koboldai.css
View File

@@ -3120,4 +3120,21 @@ select {
#tts[system_experimental_features="false"] { #tts[system_experimental_features="false"] {
display: none; display: none;
}
.rotate_45 {
transform: rotate(45deg);
transform-origin: left;
}
.material-icons-outlined.cursor.rotate_45.pin:hover{
transform: rotate(0deg);
transform-origin: left;
filter: brightness(100%);
}
.material-icons-outlined.cursor.pin:hover{
transform: rotate(45deg);
transform-origin: left;
filter: brightness(100%);
} }

3
static/koboldai.js
View File

@@ -360,9 +360,12 @@ function create_options(action) {
icon.classList.add("material-icons-outlined"); icon.classList.add("material-icons-outlined");
icon.classList.add("option_icon"); icon.classList.add("option_icon");
icon.classList.add("cursor"); icon.classList.add("cursor");
icon.classList.add("pin");
icon.textContent = "push_pin"; icon.textContent = "push_pin";
if (!(item.Pinned)) { if (!(item.Pinned)) {
icon.setAttribute('style', "filter: brightness(50%);"); icon.setAttribute('style', "filter: brightness(50%);");
} else {
icon.classList.add('rotate_45');
} }
iconcell.append(icon); iconcell.append(icon);
iconcell.onclick = function () { iconcell.onclick = function () {