diff --git a/typescripts/ultimate_sd_upscaler/ultimate_sd_upscaler.tsx b/typescripts/ultimate_sd_upscaler/ultimate_sd_upscaler.tsx
index 44517b8..66b595d 100644
--- a/typescripts/ultimate_sd_upscaler/ultimate_sd_upscaler.tsx
+++ b/typescripts/ultimate_sd_upscaler/ultimate_sd_upscaler.tsx
@@ -188,6 +188,54 @@ export class UltimateSDUpscalerForm extends React.Component<{
this.props.store.updateProperty('is_installed', is_installed)
return is_installed
}
+
+ renderScaleSlider() {
+ switch (this.props.store.data.target_size_type) {
+ case ui_config.target_size_type.choices.indexOf(
+ 'Scale from image size'
+ ):
+ return (
+
+ )
+ case ui_config.target_size_type.choices.indexOf('Custom size'):
+ return (
+ <>
+
+
+ >
+ )
+ default:
+ return void 0
+ }
+ }
+
render() {
if (!this.props.store.data.is_installed) {
return (
@@ -269,47 +317,43 @@ export class UltimateSDUpscalerForm extends React.Component<{
onChange={this.handleMenuChange}
selected_index={this.props.store.data.target_size_type}
/>
-
-
- ) => {
- this.props.store.updateProperty(
- 'save_upscaled_image',
- event.target.checked
- )
- }}
- >
- {ui_config.save_upscaled_image.label}
-
- ) => {
- this.props.store.updateProperty(
- 'save_seams_fix_image',
- event.target.checked
- )
- }}
- >
- {ui_config.save_seams_fix_image.label}
-
+ {this.renderScaleSlider()}
+
+
+ ) => {
+ this.props.store.updateProperty(
+ 'save_upscaled_image',
+ event.target.checked
+ )
+ }}
+ >
+ {ui_config.save_upscaled_image.label}
+
+
+ ) => {
+ this.props.store.updateProperty(
+ 'save_seams_fix_image',
+ event.target.checked
+ )
+ }}
+ >
+ {ui_config.save_seams_fix_image.label}
+
+
{group_1_sliders}