Merge pull request #9862 from missionfloyd/extras-sliders-main

from modules import scripts_postprocessing, shared

import gradio as gr

from modules.ui_components import FormRow

from modules.ui_components import FormRow, ToolButton

from modules.ui import switch_values_symbol

upscale_cache = {}

                    with gr.TabItem('Scale to', elem_id="extras_scale_to_tab") as tab_scale_to:

                        with FormRow():

                            upscaling_resize_w = gr.Number(label="Width", value=512, precision=0, elem_id="extras_upscaling_resize_w")

                            upscaling_resize_h = gr.Number(label="Height", value=512, precision=0, elem_id="extras_upscaling_resize_h")

                            with gr.Column(elem_id="upscaling_column_size", scale=4):

                                upscaling_resize_w = gr.Slider(minimum=64, maximum=2048, step=8, label="Width", value=512, elem_id="extras_upscaling_resize_w")

                                upscaling_resize_h = gr.Slider(minimum=64, maximum=2048, step=8, label="Height", value=512, elem_id="extras_upscaling_resize_h")

                            with gr.Column(elem_id="upscaling_dimensions_row", scale=1, elem_classes="dimensions-tools"):

                                upscaling_res_switch_btn = ToolButton(value=switch_values_symbol, elem_id="upscaling_res_switch_btn")

                                upscaling_crop = gr.Checkbox(label='Crop to fit', value=True, elem_id="extras_upscaling_crop")

            with FormRow():

                extras_upscaler_2 = gr.Dropdown(label='Upscaler 2', elem_id="extras_upscaler_2", choices=[x.name for x in shared.sd_upscalers], value=shared.sd_upscalers[0].name)

                extras_upscaler_2_visibility = gr.Slider(minimum=0.0, maximum=1.0, step=0.001, label="Upscaler 2 visibility", value=0.0, elem_id="extras_upscaler_2_visibility")

        upscaling_res_switch_btn.click(lambda w, h: (h, w), inputs=[upscaling_resize_w, upscaling_resize_h], outputs=[upscaling_resize_w, upscaling_resize_h], show_progress=False)

        tab_scale_by.select(fn=lambda: 0, inputs=[], outputs=[selected_tab])

        tab_scale_to.select(fn=lambda: 1, inputs=[], outputs=[selected_tab])

    align-content: center;

}

div#extras_scale_to_tab div.form{

    flex-direction: row;

}

#mode_img2img .gradio-image > div.fixed-height, #mode_img2img .gradio-image > div.fixed-height img{

    height: 480px !important;

    max-height: 480px !important;