UI [+]

app.py

@@ -159,88 +159,70 @@ examples = [
     "a close up of a woman wearing a transparent, prismatic, elaborate nemeses headdress, over the should pose, brown skin-tone"
 ]
 
-css = '''
-.gradio-container{max-width: 560px !important}
-h1{text-align:center}
-footer {
-    visibility: hidden
-}
-'''
 with gr.Blocks(css=css, theme="soft") as demo:
-    gr.Markdown(DESCRIPTION)
-    gr.DuplicateButton(
-        value="Duplicate Space for private use",
-        elem_id="duplicate-button",
-        visible=False,
-    )
-
-    with gr.Group():
-        with gr.Row():
-            prompt = gr.Text(
-                label="Prompt",
-                show_label=False,
-                max_lines=1,
-                placeholder="Enter your prompt",
-                container=False,
-            )
-            run_button = gr.Button("Run")
-        result = gr.Gallery(label="Result", columns=1, preview=True)
-    with gr.Accordion("Advanced options", open=False):
-        use_negative_prompt = gr.Checkbox(label="Use negative prompt", value=False, visible=True)
-        negative_prompt = gr.Text(
-                label="Negative prompt",
-                max_lines=1,
-                placeholder="Enter a negative prompt",
-                visible=True,
-            )
-        with gr.Row():
-            num_inference_steps = gr.Slider(
-                label="Steps",
-                minimum=10,
-                maximum=60,
-                step=1,
-                value=30,
-            )
-        with gr.Row():
-            num_images_per_prompt = gr.Slider(
-                label="Images",
-                minimum=1,
-                maximum=5,
+    gr.HTML("<h1><center>DALL•E 3 XL v2</center></h1>")
+    with gr.Row():
+        with gr.Column(scale=1):
+            result = gr.Gallery(label='Result', columns = 1, preview=True, height=400)
+            with gr.Row():
+                prompt = gr.Textbox(label='Enter Your Prompt', placeholder="Enter prompt...", scale=6)
+                run_button = gr.Button(scale=2, variant='primary')
+        with gr.Accordion("Advanced options", open=True):
+            use_negative_prompt = gr.Checkbox(label="Use negative prompt", value=False, visible=True)
+            negative_prompt = gr.Text(
+                    label="Negative prompt",
+                    max_lines=1,
+                    placeholder="Enter a negative prompt",
+                    visible=True,
+                )
+            with gr.Row():
+                num_inference_steps = gr.Slider(
+                    label="Steps",
+                    minimum=10,
+                    maximum=60,
+                    step=1,
+                    value=30,
+                )
+            with gr.Row():
+                num_images_per_prompt = gr.Slider(
+                    label="Images",
+                    minimum=1,
+                    maximum=5,
+                    step=1,
+                    value=2,
+                )
+            seed = gr.Slider(
+                label="Seed",
+                minimum=0,
+                maximum=MAX_SEED,
                 step=1,
-                value=2,
-            )
-        seed = gr.Slider(
-            label="Seed",
-            minimum=0,
-            maximum=MAX_SEED,
-            step=1,
-            value=0,
-            visible=True
-        )
-        randomize_seed = gr.Checkbox(label="Randomize seed", value=True)
-        with gr.Row(visible=True):
-            width = gr.Slider(
-                label="Width",
-                minimum=512,
-                maximum=2048,
-                step=8,
-                value=1024,
-            )
-            height = gr.Slider(
-                label="Height",
-                minimum=512,
-                maximum=2048,
-                step=8,
-                value=1024,
-            )
-        with gr.Row():
-            guidance_scale = gr.Slider(
-                label="Guidance Scale",
-                minimum=0.1,
-                maximum=20.0,
-                step=0.1,
-                value=6,
+                value=0,
+                visible=True
             )
+            randomize_seed = gr.Checkbox(label="Randomize seed", value=True)
+            with gr.Row(visible=True):
+                width = gr.Slider(
+                    label="Width",
+                    minimum=512,
+                    maximum=2048,
+                    step=8,
+                    value=1024,
+                )
+                height = gr.Slider(
+                    label="Height",
+                    minimum=512,
+                    maximum=2048,
+                    step=8,
+                    value=1024,
+                )
+            with gr.Row():
+                guidance_scale = gr.Slider(
+                    label="Guidance Scale",
+                    minimum=0.1,
+                    maximum=20.0,
+                    step=0.1,
+                    value=6,
+                )
     with gr.Row(visible=True):
             style_selection = gr.Radio(
                 show_label=True,
@@ -249,8 +231,7 @@ with gr.Blocks(css=css, theme="soft") as demo:
                 choices=STYLE_NAMES,
                 value=DEFAULT_STYLE_NAME,
                 label="Image Style",
-            )
-        
+            )    
 
     gr.Examples(
         examples=examples,