more elements.

app.py

@@ -60,5 +60,28 @@ with block:
             </div>
         """
     )
+    with gr.Group():
+        with gr.Box():
+            with gr.Row(elem_id="prompt-container").style(
+                mobile_collapse=False, equal_height=True
+            ):
+                with gr.Column():
+                    text = gr.Textbox(
+                        label="Enter your prompt",
+                        show_label=False,
+                        max_lines=1,
+                        placeholder="Enter your prompt",
+                        elem_id="prompt-text-input",
+                    ).style(
+                        border=(True, False, True, True),
+                        rounded=(True, False, False, True),
+                        container=False,
+                    )
+                    guidance_scale = gr.Slider(
+                        label="Guidance Scale", minimum=10, maximum=50, value=40, step=1.0
+                    )
+                btn = gr.Button("Generate image").style(
+                    margin=False, rounded=(False, True, True, False), full_width=False
+                )
 
 block.launch()

constants.py

@@ -121,15 +121,3 @@ css = """
         #component-16{border-top-width: 1px!important;margin-top: 1em}
         .image_duplication{position: absolute; width: 100px; left: 50px}
 """
-
-
-examples = [
-    ["Yoda", "low quality", 40],
-    ["A red pokemon with green eyes", 40],
-    ["cute Sundar Pihcai creature", 40],
-    ["Hello kitty", 40],
-]
-
-num_images_to_gen = 3
-
-img_height = img_width = 512