diff --git a/public/index.html b/public/index.html index 9eb8f880a..2ec556158 100644 --- a/public/index.html +++ b/public/index.html @@ -296,16 +296,20 @@
-

OpenAI Presets

- -

OpenAI Model

- +
+

OpenAI Presets

+ +
+
+

OpenAI Model

+ +

Text generation web UI presets

@@ -490,6 +494,31 @@
+ + diff --git a/public/script.js b/public/script.js index a98b27be1..a86767083 100644 --- a/public/script.js +++ b/public/script.js @@ -2118,6 +2118,10 @@ function changeMainAPI() { apiObj.apiRanges.css("display", isCurrentApi ? "block" : "none"); apiObj.apiPresets.css("display", isCurrentApi ? "block" : "none"); + if (isCurrentApi && apiName === "openai") { + apiObj.apiPresets.css("display", "flex"); + } + if (isCurrentApi && apiName === "kobold") { //console.log("enabling SP for kobold"); $("#softprompt_block").css("display", "block"); diff --git a/public/style.css b/public/style.css index dcb9ee965..01030c20d 100644 --- a/public/style.css +++ b/public/style.css @@ -2901,7 +2901,61 @@ filter: invert(20%) sepia(100%) saturate(2518%) hue-rotate(353deg) brightness(93 .widthFreeExpand {width: unset;} +#openai_api-presets { + display: flex; + flex-direction: row; + column-gap: 10px; +} +#openai_api-presets > div { + flex: 1; +} + +#openai_api-presets select { + width: 100%; +} + +#openai_logit_bias_text, .openai_logit_bias_range_block { + flex: 1; +} + +.openai_logit_bias_form .range-block-counter { + margin-top: 0px; +} + +.openai_logit_bias_form { + display: flex; + flex-direction: row; + column-gap: 10px; + align-items: center; +} + +.openai_logit_bias_list { + display: flex; + flex-direction: row; + align-items: center; + column-gap: 10px; + flex-wrap: wrap; +} + +.openai_logit_bias_list_item .separator { + margin: 0 3px; + display: block; + font-weight: 700; + font-size: 1.2em; +} + +.openai_logit_bias_list_item { + display: flex; + flex-direction: row; + align-items: baseline; + background-color: var(--ivory); + color: var(--black100); + font-weight: 500; + border-radius: 20px; + min-height: fit-content; + padding: 3px 5px; +} /* ---------- @media queries must always go at the bottom ------------*/