diff --git a/ui/index.html b/ui/index.html
index bb6483d9..677a856f 100644
--- a/ui/index.html
+++ b/ui/index.html
@@ -54,7 +54,7 @@
#editor-settings-entries li {
padding-bottom: 3pt;
}
- #guidance_scale_slider {
+ .editor-slider {
transform: translateY(30%);
}
#outputMsg {
@@ -152,7 +152,7 @@
}
#stopImage {
flex: 0 0 70px;
- background: rgb(185, 12, 0);
+ background: rgb(132, 8, 0);
border: 2px solid rgb(122, 29, 0);
color: rgb(255, 221, 255);
width: 100%;
@@ -372,8 +372,8 @@
-
-
+
+
@@ -454,8 +454,8 @@ let saveToDiskField = document.querySelector('#save_to_disk')
let diskPathField = document.querySelector('#diskPath')
// let allowNSFWField = document.querySelector("#allow_nsfw")
let useBetaChannelField = document.querySelector("#use_beta_channel")
+let promptStrengthSlider = document.querySelector('#prompt_strength_slider')
let promptStrengthField = document.querySelector('#prompt_strength')
-let promptStrengthValueLabel = document.querySelector('#prompt_strength_value')
let useFaceCorrectionField = document.querySelector("#use_face_correction")
let useUpscalingField = document.querySelector("#use_upscale")
let upscaleModelField = document.querySelector("#upscale_model")
@@ -836,7 +836,7 @@ async function makeImage() {
if (IMAGE_REGEX.test(initImagePreview.src)) {
reqBody['init_image'] = initImagePreview.src
- reqBody['prompt_strength'] = parseInt(promptStrengthField.value) / 10
+ reqBody['prompt_strength'] = promptStrengthField.value
// if (IMAGE_REGEX.test(maskImagePreview.src)) {
// reqBody['mask'] = maskImagePreview.src
@@ -1019,10 +1019,21 @@ guidanceScaleField.addEventListener('input', updateGuidanceScaleSlider)
updateGuidanceScale()
function updatePromptStrength() {
- promptStrengthValueLabel.innerHTML = promptStrengthField.value / 10
+ promptStrengthField.value = promptStrengthSlider.value / 100
}
-promptStrengthField.addEventListener('input', updatePromptStrength)
+function updatePromptStrengthSlider() {
+ if (promptStrengthField.value < 0) {
+ promptStrengthField.value = 0
+ } else if (promptStrengthField.value > 0.99) {
+ promptStrengthField.value = 0.99
+ }
+
+ promptStrengthSlider.value = promptStrengthField.value * 100
+}
+
+promptStrengthSlider.addEventListener('input', updatePromptStrength)
+promptStrengthField.addEventListener('input', updatePromptStrengthSlider)
updatePromptStrength()
useBetaChannelField.addEventListener('click', async function(e) {