update layout

app.py

@@ -329,9 +329,9 @@ interpolation_size = None
 with gr.Blocks(css="style.css") as demo:
     gr.Markdown(title)
     gr.Markdown(description)
-    with gr.Row(elem_classes="grid-container"):
-        with gr.Group():
-            with gr.Column(elem_classes="grid-item"):  # 左侧列
+    with gr.Group():
+        with gr.Row():
+            with gr.Column(elem_classes="grid-item"):
                 prompt1 = gr.Text(
                     label="Prompt 1",
                     max_lines=3,
@@ -346,41 +346,40 @@ with gr.Blocks(css="style.css") as demo:
                     interactive=True,
                     value="A photo of a beautiful lady",
                 )
-                negative_prompt = gr.Text(
-                    label="Negative prompt",
-                    max_lines=3,
-                    placeholder="Enter a Negative Prompt",
-                    interactive=True,
-                    value="nsfw, lowres, (bad), text, error, fewer, extra, missing, worst quality, jpeg artifacts, low quality, watermark, unfinished, displeasing, oldest, early, chromatic aberration, signature, extra digits, artistic error, username, scan, [abstract]",
-                )
-                guidance_prompt = gr.Text(
-                    label="Guidance prompt (Optional)",
-                    max_lines=3,
-                    placeholder="Enter a Guidance Prompt",
-                    interactive=True,
-                    value="",
-                )
+            negative_prompt = gr.Text(
+                label="Negative prompt",
+                max_lines=3,
+                placeholder="Enter a Negative Prompt",
+                interactive=True,
+                value="nsfw, lowres, (bad), text, error, fewer, extra, missing, worst quality, jpeg artifacts, low quality, watermark, unfinished, displeasing, oldest, early, chromatic aberration, signature, extra digits, artistic error, username, scan, [abstract]",
+            )
+        guidance_prompt = gr.Text(
+            label="Guidance prompt (Optional)",
+            max_lines=3,
+            placeholder="Enter a Guidance Prompt",
+            interactive=True,
+            value="",
+        )
 
-        with gr.Group():
-            with gr.Column(elem_classes="grid-item"):  # 右侧列
-                with gr.Row(elem_classes="flex-grow"):
-                    image_prompt1 = gr.Image(label="Image Prompt 1 (Optional)", interactive=True, height=236, width=235)
-                    image_prompt2 = gr.Image(label="Image Prompt 2 (Optional)", interactive=True, height=236, width=235)
-                with gr.Row(elem_classes="flex-grow"):
-                    model_choice = gr.Dropdown(
-                        ["RealVis-v4.0", "SD1.4-512", "SD1.5-512", "SD2.1-768", "AOM3", "SDXL-1024", "Playground-XL-v2", "Juggernaut-XL-v9"],
-                        label="Model",
-                        value="RealVis-v4.0",
-                        interactive=True,
-                        info="All series are running on float16; SD2.1 does not support IP-Adapter; XL-Series takes longer time",
-                    )
-                    adapter_choice = gr.Dropdown(
-                        ["None", "IP-Adapter", "IP-Composition-Adapter"],
-                        label="IP-Adapter",
-                        value="None",
-                        interactive=True,
-                        info="Only set to IP-Adapter or IP-Composition-Adapter when using image prompt",
-                    )
+    with gr.Group():
+        with gr.Row(elem_classes="flex-grow"):
+            image_prompt1 = gr.Image(label="Image Prompt 1 (Optional)", interactive=True, height=236, width=235)
+            image_prompt2 = gr.Image(label="Image Prompt 2 (Optional)", interactive=True, height=236, width=235)
+        with gr.Row(elem_classes="flex-grow"):
+            model_choice = gr.Dropdown(
+                ["RealVis-v4.0", "SD1.4-512", "SD1.5-512", "SD2.1-768", "AOM3", "SDXL-1024", "Playground-XL-v2", "Juggernaut-XL-v9"],
+                label="Model",
+                value="RealVis-v4.0",
+                interactive=True,
+                info="All series are running on float16; SD2.1 does not support IP-Adapter; XL-Series takes longer time",
+            )
+            adapter_choice = gr.Dropdown(
+                ["None", "IP-Adapter", "IP-Composition-Adapter"],
+                label="IP-Adapter",
+                value="None",
+                interactive=True,
+                info="Only set to IP-Adapter or IP-Composition-Adapter when using image prompt",
+            )
 
     with gr.Group():
         result = gr.Gallery(label="Result", show_label=False, rows=1, columns=3)