Cleanup layout (#15)

- Cleanup layout (bfa2724c330a834d445d0add7997f8c58ea45529)


Co-authored-by: Ali Abid <aliabid94@users.noreply.huggingface.co>

app.py

@@ -124,7 +124,7 @@ with gr.Blocks(css='style.css') as demo:
     gr.DuplicateButton(value='Duplicate Space for private use',
                        elem_id='duplicate-button',
                        visible=os.getenv('SHOW_DUPLICATE_BUTTON') == '1')
-    with gr.Box():
+    with gr.Group():
         with gr.Row():
             prompt = gr.Text(
                 label='Prompt',
@@ -135,80 +135,80 @@ with gr.Blocks(css='style.css') as demo:
             )
             run_button = gr.Button('Run', scale=0)
         result = gr.Image(label='Result', show_label=False)
-        with gr.Accordion('Advanced options', open=False):
-            with gr.Row():
-                use_negative_prompt = gr.Checkbox(label='Use negative prompt',
-                                                  value=False)
-                use_prompt_2 = gr.Checkbox(label='Use prompt 2', value=False)
-                use_negative_prompt_2 = gr.Checkbox(
-                    label='Use negative prompt 2', value=False)
-            negative_prompt = gr.Text(
-                label='Negative prompt',
-                max_lines=1,
-                placeholder='Enter a negative prompt',
-                visible=False,
-            )
-            prompt_2 = gr.Text(
-                label='Prompt 2',
-                max_lines=1,
-                placeholder='Enter your prompt',
-                visible=False,
+    with gr.Accordion('Advanced options', open=False):
+        with gr.Row():
+            use_negative_prompt = gr.Checkbox(label='Use negative prompt',
+                                              value=False)
+            use_prompt_2 = gr.Checkbox(label='Use prompt 2', value=False)
+            use_negative_prompt_2 = gr.Checkbox(
+                label='Use negative prompt 2', value=False)
+        negative_prompt = gr.Text(
+            label='Negative prompt',
+            max_lines=1,
+            placeholder='Enter a negative prompt',
+            visible=False,
+        )
+        prompt_2 = gr.Text(
+            label='Prompt 2',
+            max_lines=1,
+            placeholder='Enter your prompt',
+            visible=False,
+        )
+        negative_prompt_2 = gr.Text(
+            label='Negative prompt 2',
+            max_lines=1,
+            placeholder='Enter a negative prompt',
+            visible=False,
+        )
+
+        seed = gr.Slider(label='Seed',
+                         minimum=0,
+                         maximum=MAX_SEED,
+                         step=1,
+                         value=0)
+        randomize_seed = gr.Checkbox(label='Randomize seed', value=True)
+        with gr.Row():
+            width = gr.Slider(
+                label='Width',
+                minimum=256,
+                maximum=MAX_IMAGE_SIZE,
+                step=32,
+                value=1024,
             )
-            negative_prompt_2 = gr.Text(
-                label='Negative prompt 2',
-                max_lines=1,
-                placeholder='Enter a negative prompt',
-                visible=False,
+            height = gr.Slider(
+                label='Height',
+                minimum=256,
+                maximum=MAX_IMAGE_SIZE,
+                step=32,
+                value=1024,
             )
-
-            seed = gr.Slider(label='Seed',
-                             minimum=0,
-                             maximum=MAX_SEED,
-                             step=1,
-                             value=0)
-            randomize_seed = gr.Checkbox(label='Randomize seed', value=True)
-            with gr.Row():
-                width = gr.Slider(
-                    label='Width',
-                    minimum=256,
-                    maximum=MAX_IMAGE_SIZE,
-                    step=32,
-                    value=1024,
-                )
-                height = gr.Slider(
-                    label='Height',
-                    minimum=256,
-                    maximum=MAX_IMAGE_SIZE,
-                    step=32,
-                    value=1024,
-                )
-            apply_refiner = gr.Checkbox(label='Apply refiner', value=False)
-            with gr.Row():
-                guidance_scale_base = gr.Slider(
-                    label='Guidance scale for base',
-                    minimum=1,
-                    maximum=20,
-                    step=0.1,
-                    value=5.0)
-                num_inference_steps_base = gr.Slider(
-                    label='Number of inference steps for base',
-                    minimum=10,
-                    maximum=100,
-                    step=1,
-                    value=50)
-            with gr.Row(visible=False) as refiner_params:
-                guidance_scale_refiner = gr.Slider(
-                    label='Guidance scale for refiner',
-                    minimum=1,
-                    maximum=20,
-                    step=0.1,
-                    value=5.0)
-                num_inference_steps_refiner = gr.Slider(
-                    label='Number of inference steps for refiner',
-                    minimum=10,
-                    maximum=100,
-                    step=1,
-                    value=50)
+        apply_refiner = gr.Checkbox(label='Apply refiner', value=False)
+        with gr.Row():
+            guidance_scale_base = gr.Slider(
+                label='Guidance scale for base',
+                minimum=1,
+                maximum=20,
+                step=0.1,
+                value=5.0)
+            num_inference_steps_base = gr.Slider(
+                label='Number of inference steps for base',
+                minimum=10,
+                maximum=100,
+                step=1,
+                value=50)
+        with gr.Row(visible=False) as refiner_params:
+            guidance_scale_refiner = gr.Slider(
+                label='Guidance scale for refiner',
+                minimum=1,
+                maximum=20,
+                step=0.1,
+                value=5.0)
+            num_inference_steps_refiner = gr.Slider(
+                label='Number of inference steps for refiner',
+                minimum=10,
+                maximum=100,
+                step=1,
+                value=50)
 
     gr.Examples(examples=examples,
                 inputs=prompt,