adjust UI behavior on dimensions changes by user

app.py

@@ -159,7 +159,7 @@ def clear_result():
  return gr.update(value=None)
 
 
-def preload_presets(target_ratio):
+def preload_presets(target_ratio, ui_width, ui_height):
  """Updates the width and height sliders based on the selected aspect ratio."""
  if target_ratio == "9:16":
  changed_width = 720
@@ -170,7 +170,7 @@ def preload_presets(target_ratio):
  changed_height = 720
  return changed_width, changed_height, gr.update(open=False)
  elif target_ratio == "Custom":
- return 720, 1280, gr.update(open=True)
+ return ui_width, ui_height, gr.update(open=True)
 
 def select_the_right_preset(user_width, user_height):
  if user_width == 720 and user_height == 1280:
@@ -285,7 +285,7 @@ with gr.Blocks(css=css) as demo:
  
  target_ratio.change(
  fn=preload_presets,
- inputs=[target_ratio],
+ inputs=[target_ratio, width_slider, height_slider],
  outputs=[width_slider, height_slider, settings_panel],
  queue=False
  )
@@ -297,6 +297,13 @@ with gr.Blocks(css=css) as demo:
  queue = False
  )
 
+ height_slider.change(
+ fn = select_the_right_preset,
+ inputs = [width_slider, height_slider],
+ outputs = [target_ratio],
+ queue = False
+ )
+ 
  run_button.click(
  fn=clear_result,
  inputs=None,