Update app.py

app.py

@@ -57,7 +57,7 @@ def load_default_pipeline():
     ).to("cuda")
     return gr.update(value="Default pipeline loaded!")
 
-@spaces.GPU(duration=12)
+@spaces.GPU(duration=7)
 def fill_image(prompt, image, model_selection, paste_back):
     print(f"Received image: {image}")
     if image is None:
@@ -116,6 +116,8 @@ def prepare_image_and_mask(image, width, height, overlap_percentage, resize_opti
         resize_percentage = 100
     elif resize_option == "80%":
         resize_percentage = 80
+    elif resize_option == "66%":
+        resize_percentage = 66
     elif resize_option == "50%":
         resize_percentage = 50
     elif resize_option == "33%":
@@ -261,7 +263,7 @@ def use_output_as_input(output_image):
 
 def preload_presets(target_ratio, ui_width, ui_height):
     if target_ratio == "9:16":
-        changed_width = 720
+        changed_width = 768
         changed_height = 1280
         return changed_width, changed_height, gr.update()
     elif target_ratio == "2:3":
@@ -270,7 +272,7 @@ def preload_presets(target_ratio, ui_width, ui_height):
         return changed_width, changed_height, gr.update()
     elif target_ratio == "16:9":
         changed_width = 1280
-        changed_height = 720
+        changed_height = 768
         return changed_width, changed_height, gr.update()
     elif target_ratio == "1:1":
         changed_width = 1024
@@ -319,6 +321,17 @@ css = """
 div#component-17 {
     height: auto !important;
 }
+
+
+@media only screen and (max-width: 600px) {
+    .gr-row {
+        flex-direction: column;
+    }
+    .gr-column {
+        margin-bottom: 10px;
+    }
+}
+
 """
 
 title = """<h1 align="center">Diffusers Image Outpaint</h1>
@@ -415,7 +428,7 @@ with gr.Blocks(css=css, fill_height=True) as demo:
                         with gr.Row():
                             target_ratio = gr.Radio(
                                 label="Expected Ratio",
-                                choices=["9:16", "16:9", "1:1", "Custom"],
+                                choices=["2:3", "9:16", "16:9", "1:1", "Custom"],
                                 value="1:1",
                                 scale=2
                             )
@@ -432,21 +445,21 @@ with gr.Blocks(css=css, fill_height=True) as demo:
                                         minimum=720,
                                         maximum=1536,
                                         step=8,
-                                        value=1280,
+                                        value=1024,
                                     )
                                     height_slider = gr.Slider(
                                         label="Target Height",
                                         minimum=720,
                                         maximum=1536,
                                         step=8,
-                                        value=1280,
+                                        value=1024,
                                     )
                                 num_inference_steps = gr.Slider(label="Steps", minimum=4, maximum=12, step=1, value=8)
                                 with gr.Group():
                                     overlap_percentage = gr.Slider(
                                         label="Mask overlap (%)",
                                         minimum=1,
-                                        maximum=50,
+                                        maximum=80,
                                         value=10,
                                         step=1
                                     )
@@ -459,7 +472,7 @@ with gr.Blocks(css=css, fill_height=True) as demo:
                                 with gr.Row():
                                     resize_option = gr.Radio(
                                         label="Resize input image",
-                                        choices=["Full", "80%", "50%", "33%", "25%", "Custom"],
+                                        choices=["Full", "80%", "66%", "50%", "33%", "25%", "Custom"],
                                         value="Full"
                                     )
                                     custom_resize_percentage = gr.Slider(
@@ -472,15 +485,15 @@ with gr.Blocks(css=css, fill_height=True) as demo:
                                     )
                                 with gr.Column():
                                     preview_button = gr.Button("Preview alignment and mask")
-                        gr.Examples(
-                            examples=[
-                                ["./examples/example_1.webp", 1280, 720, "Middle"],
-                                ["./examples/example_2.jpg", 1440, 810, "Left"],
-                                ["./examples/example_3.jpg", 1024, 1024, "Top"],
-                                ["./examples/example_3.jpg", 1024, 1024, "Bottom"],
-                            ],
-                            inputs=[input_image_outpaint, width_slider, height_slider, alignment_dropdown],
-                        )
+                        # gr.Examples(
+                        #     examples=[
+                        #         ["./examples/example_1.webp", 1280, 720, "Middle"],
+                        #         ["./examples/example_2.jpg", 1440, 810, "Left"],
+                        #         ["./examples/example_3.jpg", 1024, 1024, "Top"],
+                        #         ["./examples/example_3.jpg", 1024, 1024, "Bottom"],
+                        #     ],
+                        #     inputs=[input_image_outpaint, width_slider, height_slider, alignment_dropdown],
+                        # )
                     with gr.Column():
                         result_outpaint = ImageSlider(
                             interactive=False,