diff --git a/vue-widgets/src/components/lora-randomizer/LoraRandomizerSettingsView.vue b/vue-widgets/src/components/lora-randomizer/LoraRandomizerSettingsView.vue index fd6138bd..bc144be3 100644 --- a/vue-widgets/src/components/lora-randomizer/LoraRandomizerSettingsView.vue +++ b/vue-widgets/src/components/lora-randomizer/LoraRandomizerSettingsView.vue @@ -65,6 +65,8 @@ :value-max="modelStrengthMax" :step="0.1" :default-range="{ min: -2, max: 3 }" + :scale-mode="'segmented'" + :segments="strengthSegments" @update:value-min="$emit('update:modelStrengthMin', $event)" @update:value-max="$emit('update:modelStrengthMax', $event)" /> @@ -98,6 +100,8 @@ :value-max="clipStrengthMax" :step="0.1" :default-range="{ min: -1, max: 2 }" + :scale-mode="'segmented'" + :segments="strengthSegments" :disabled="isClipStrengthDisabled" @update:value-min="$emit('update:clipStrengthMin', $event)" @update:value-max="$emit('update:clipStrengthMax', $event)" @@ -174,6 +178,12 @@ import SingleSlider from '../shared/SingleSlider.vue' import DualRangeSlider from '../shared/DualRangeSlider.vue' import type { LoraEntry } from '../../composables/types' +const strengthSegments = [ + { min: -10, max: -2, widthPercent: 20 }, + { min: -2, max: 2, widthPercent: 60, wheelStepMultiplier: 0.5 }, + { min: 2, max: 10, widthPercent: 20 } +] + defineProps<{ countMode: 'fixed' | 'range' countFixed: number diff --git a/vue-widgets/src/components/shared/DualRangeSlider.vue b/vue-widgets/src/components/shared/DualRangeSlider.vue index 17d46d33..bedf8cdd 100644 --- a/vue-widgets/src/components/shared/DualRangeSlider.vue +++ b/vue-widgets/src/components/shared/DualRangeSlider.vue @@ -1,8 +1,23 @@