Update app.py

app.py

@@ -75,12 +75,6 @@ def infer(prompt, negative_prompt, seed, randomize_seed, width, height, guidance
     return image, seed, f"Prompt used: {final_prompt}\nNegative prompt used: {full_negative_prompt}"
 
 
-examples = [
-    "Astronaut in a jungle, cold color palette, muted colors, detailed, 8k",
-    "An astronaut riding a green horse",
-    "A delicious ceviche cheesecake slice",
-]
-
 css = """
 #col-container {
     margin: 0 auto;
@@ -89,111 +83,121 @@ css = """
 #run-button {
     width: 100%;
 }
+#left-column {
+    width: 50%;
+    display: inline-block;
+    padding-right: 20px;
+}
+#right-column {
+    width: 50%;
+    display: inline-block;
+    vertical-align: top;
+}
 """
 
 with gr.Blocks(css=css) as demo:
 
-    with gr.Column(elem_id="col-container"):
-        gr.Markdown("""# Text-to-Image Gradio Template""")
+    with gr.Row():
+        with gr.Column(elem_id="left-column"):
+            gr.Markdown("""# Text-to-Image Gradio Template""")
 
-        # Display result image at the top
-        result = gr.Image(label="Result", show_label=False)
+            # Display result image at the top
+            result = gr.Image(label="Result", show_label=False)
 
-        # Add a textbox to display the prompts used for generation
-        prompt_info = gr.Textbox(label="Prompts Used", lines=3, interactive=False)
+            # Add a textbox to display the prompts used for generation
+            prompt_info = gr.Textbox(label="Prompts Used", lines=3, interactive=False)
 
-        # State to track active tab
-        active_tab = gr.State("Prompt Input")
-
-        # Tabbed interface to select either Prompt or Tags
-        with gr.Tabs() as tabs:
-            with gr.TabItem("Prompt Input") as prompt_tab:
-                prompt = gr.Textbox(
-                    label="Prompt",
-                    show_label=False,
+            # Advanced Settings and Run Button
+            with gr.Accordion("Advanced Settings", open=False):
+                negative_prompt = gr.Textbox(
+                    label="Negative prompt",
                     max_lines=1,
-                    placeholder="Enter your prompt",
-                    container=False,
-                )
-                prompt_tab.select(lambda: "Prompt Input", inputs=None, outputs=active_tab)
-
-            with gr.TabItem("Tag Selection") as tag_tab:
-                # Tag selection checkboxes for each tag group
-                selected_participant_tags = gr.CheckboxGroup(choices=list(participant_tags.keys()), label="Participant Tags")
-                selected_tribe_tags = gr.CheckboxGroup(choices=list(tribe_tags.keys()), label="Tribe Tags")
-                selected_skin_tone_tags = gr.CheckboxGroup(choices=list(skin_tone_tags.keys()), label="Skin Tone Tags")
-                selected_body_type_tags = gr.CheckboxGroup(choices=list(body_type_tags.keys()), label="Body Type Tags")
-                selected_tattoo_tags = gr.CheckboxGroup(choices=list(tattoo_tags.keys()), label="Tattoo Tags")
-                selected_piercing_tags = gr.CheckboxGroup(choices=list(piercing_tags.keys()), label="Piercing Tags")
-                selected_expression_tags = gr.CheckboxGroup(choices=list(expression_tags.keys()), label="Expression Tags")
-                selected_eye_tags = gr.CheckboxGroup(choices=list(eye_tags.keys()), label="Eye Tags")
-                selected_hair_style_tags = gr.CheckboxGroup(choices=list(hair_style_tags.keys()), label="Hair Style Tags")
-                selected_position_tags = gr.CheckboxGroup(choices=list(position_tags.keys()), label="Position Tags")
-                selected_fetish_tags = gr.CheckboxGroup(choices=list(fetish_tags.keys()), label="Fetish Tags")
-                selected_location_tags = gr.CheckboxGroup(choices=list(location_tags.keys()), label="Location Tags")
-                selected_camera_tags = gr.CheckboxGroup(choices=list(camera_tags.keys()), label="Camera Tags")
-                selected_atmosphere_tags = gr.CheckboxGroup(choices=list(atmosphere_tags.keys()), label="Atmosphere Tags")
-                tag_tab.select(lambda: "Tag Selection", inputs=None, outputs=active_tab)
-
-        # Full-width "Run" button
-        run_button = gr.Button("Run", scale=0, elem_id="run-button")
-
-        with gr.Accordion("Advanced Settings", open=False):
-            negative_prompt = gr.Textbox(
-                label="Negative prompt",
-                max_lines=1,
-                placeholder="Enter a negative prompt",
-                visible=True,
-            )
-
-            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,
+                    placeholder="Enter a negative prompt",
+                    visible=True,
                 )
 
-                height = gr.Slider(
-                    label="Height",
-                    minimum=256,
-                    maximum=MAX_IMAGE_SIZE,
-                    step=32,
-                    value=1024,
-                )
-
-            with gr.Row():
-                guidance_scale = gr.Slider(
-                    label="Guidance scale",
-                    minimum=0.0,
-                    maximum=10.0,
-                    step=0.1,
-                    value=7,
-                )
-
-                num_inference_steps = gr.Slider(
-                    label="Number of inference steps",
-                    minimum=1,
-                    maximum=50,
+                seed = gr.Slider(
+                    label="Seed",
+                    minimum=0,
+                    maximum=MAX_SEED,
                     step=1,
-                    value=35,
+                    value=0,
                 )
 
-        gr.Examples(
-            examples=examples,
-            inputs=[prompt]
-        )
+                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,
+                    )
+
+                with gr.Row():
+                    guidance_scale = gr.Slider(
+                        label="Guidance scale",
+                        minimum=0.0,
+                        maximum=10.0,
+                        step=0.1,
+                        value=7,
+                    )
+
+                    num_inference_steps = gr.Slider(
+                        label="Number of inference steps",
+                        minimum=1,
+                        maximum=50,
+                        step=1,
+                        value=35,
+                    )
+
+            # Full-width "Run" button
+            run_button = gr.Button("Run", scale=0, elem_id="run-button")
+
+        with gr.Column(elem_id="right-column"):
+            gr.Markdown("### Prompt / Tag Input")
+
+            # State to track active tab
+            active_tab = gr.State("Prompt Input")
+
+            # Tabbed interface to select either Prompt or Tags
+            with gr.Tabs() as tabs:
+                with gr.TabItem("Prompt Input") as prompt_tab:
+                    prompt = gr.Textbox(
+                        label="Prompt",
+                        show_label=False,
+                        max_lines=1,
+                        placeholder="Enter your prompt",
+                        container=False,
+                    )
+                    prompt_tab.select(lambda: "Prompt Input", inputs=None, outputs=active_tab)
+
+                with gr.TabItem("Tag Selection") as tag_tab:
+                    # Tag selection checkboxes for each tag group
+                    selected_participant_tags = gr.CheckboxGroup(choices=list(participant_tags.keys()), label="Participant Tags")
+                    selected_tribe_tags = gr.CheckboxGroup(choices=list(tribe_tags.keys()), label="Tribe Tags")
+                    selected_skin_tone_tags = gr.CheckboxGroup(choices=list(skin_tone_tags.keys()), label="Skin Tone Tags")
+                    selected_body_type_tags = gr.CheckboxGroup(choices=list(body_type_tags.keys()), label="Body Type Tags")
+                    selected_tattoo_tags = gr.CheckboxGroup(choices=list(tattoo_tags.keys()), label="Tattoo Tags")
+                    selected_piercing_tags = gr.CheckboxGroup(choices=list(piercing_tags.keys()), label="Piercing Tags")
+                    selected_expression_tags = gr.CheckboxGroup(choices=list(expression_tags.keys()), label="Expression Tags")
+                    selected_eye_tags = gr.CheckboxGroup(choices=list(eye_tags.keys()), label="Eye Tags")
+                    selected_hair_style_tags = gr.CheckboxGroup(choices=list(hair_style_tags.keys()), label="Hair Style Tags")
+                    selected_position_tags = gr.CheckboxGroup(choices=list(position_tags.keys()), label="Position Tags")
+                    selected_fetish_tags = gr.CheckboxGroup(choices=list(fetish_tags.keys()), label="Fetish Tags")
+                    selected_location_tags = gr.CheckboxGroup(choices=list(location_tags.keys()), label="Location Tags")
+                    selected_camera_tags = gr.CheckboxGroup(choices=list(camera_tags.keys()), label="Camera Tags")
+                    selected_atmosphere_tags = gr.CheckboxGroup(choices=list(atmosphere_tags.keys()), label="Atmosphere Tags")
+                    tag_tab.select(lambda: "Tag Selection", inputs=None, outputs=active_tab)
 
         run_button.click(
             infer,
@@ -205,4 +209,4 @@ with gr.Blocks(css=css) as demo:
             outputs=[result, seed, prompt_info]
         )
 
-demo.queue().launch()
+demo.queue().launch()