QoL PR (#3)

- QoL PR (6cb6b7696af54b19bf7e28b0d2d7485e100732ac)
- Update app.py (7b4114bf55a748cbd510297e4aaa59314169e54c)


Co-authored-by: yuvraj sharma <ysharma@users.noreply.huggingface.co>

app.py

@@ -116,59 +116,91 @@ def get_image(height, width, seed, prompt, cfg, timesteps, stage_a_tiled):
 
 
 with gr.Blocks() as demo:
-        with gr.Column():
+    with gr.Column(elem_id="col-container"):
+        gr.Markdown("<h1><center>UltraPixel: Advancing Ultra-High-Resolution Image Synthesis to New Peaks </center></h1>")
+        
+        with gr.Row():
+            prompt = gr.Textbox(
+                label="Text Prompt",
+                show_label=False,
+                max_lines=1,
+                placeholder="Enter your prompt",
+                container=False
+            )
+            polish_button = gr.Button("Submit!", scale=0)
+        
+        output_img = gr.Image(label="Output Image", show_label=False)
+        
+        with gr.Accordion("Advanced Settings", open=False):
+            seed = gr.Number(
+                label="Random Seed",
+                value=123,
+                step=1,
+                minimum=0,
+                #maximum=MAX_SEED
+            )
+            
+            #randomize_seed = gr.Checkbox(label="Randomize seed", value=False)
+            
             with gr.Row():
-                with gr.Column():
-                    height = gr.Slider(value=2304, step=32, minimum=1536, maximum=4096, label='Height')
-                    width = gr.Slider(value=4096, step=32, minimum=1536, maximum=5120, label='Width')
-                    seed = gr.Number(value=123, step=1, label='Random Seed')
-                    prompt = gr.Textbox(value='', max_lines=4, label='Text Prompt')
-                    cfg = gr.Slider(value=4, step=0.1, minimum=3, maximum=10, label='CFG')
-                    timesteps = gr.Slider(value=20, step=1, minimum=10, maximum=50, label='Timesteps')
-                    stage_a_tiled = gr.Checkbox(value=False, label='Stage_a_tiled')
-                    with gr.Row():
-                       clear_button = gr.Button("Clear!")
-                    polish_button = gr.Button("Submit!") 
-                with gr.Column():
-                    output_img = gr.Image(label='Output Image', sources=None)
-        with gr.Column():
-            prompt2 = gr.Textbox(
-                value='''
-                A detailed view of a blooming magnolia tree, with large, white flowers and dark green leaves, set against a
-                clear blue sky.
-                
-                A close-up portrait of a young woman with flawless skin, vibrant red lipstick, and wavy brown hair, wearing
-                a vintage floral dress and standing in front of a blooming garden.
-                
-                The image features a snow-covered mountain range with a large, snow-covered mountain in the background.
-                The mountain is surrounded by a forest of trees, and the sky is filled with clouds. The scene is set during the
-                winter season, with snow covering the ground and the trees.
-                
-                Crocodile in a sweater.
-                
-                A vibrant anime scene of a young girl with long, flowing pink hair, big sparkling blue eyes, and a school
-                uniform, standing under a cherry blossom tree with petals falling around her. The background shows a
-                traditional Japanese school with cherry blossoms in full bloom.
+                width = gr.Slider(
+                    label="Width",
+                    minimum=1536,
+                    maximum=5120,
+                    step=32,
+                    value=4096
+                )
                 
-                A playful Labrador retriever puppy with a shiny, golden coat, chasing a red ball in a spacious backyard, with
-                green grass and a wooden fence.
-                
-                A cozy, rustic log cabin nestled in a snow-covered forest, with smoke rising from the stone chimney, warm
-                lights glowing from the windows, and a path of footprints leading to the front door.
-                
-                A highly detailed, high-quality image of the Banff National Park in Canada. The turquoise waters of Lake
-                Louise are surrounded by snow-capped mountains and dense pine forests. A wooden canoe is docked at the
-                edge of the lake. The sky is a clear, bright blue, and the air is crisp and fresh.
+                height = gr.Slider(
+                    label="Height",
+                    minimum=1536,
+                    maximum=4096,
+                    step=32,
+                    value=2304
+                )
+            
+            with gr.Row():
+                cfg = gr.Slider(
+                    label="CFG",
+                    minimum=3,
+                    maximum=10,
+                    step=0.1,
+                    value=4
+                )
                 
-                A highly detailed, high-quality image of a Shih Tzu receiving a bath in a home bathroom. The dog is standing
-                in a tub, covered in suds, with a slightly wet and adorable look. The background includes bathroom fixtures,
-                towels, and a clean, tiled floor.
-                ''', label='Text prompt examples'
-            )
+                timesteps = gr.Slider(
+                    label="Timesteps",
+                    minimum=10,
+                    maximum=50,
+                    step=1,
+                    value=20
+                )
+            
+            stage_a_tiled = gr.Checkbox(label="Stage_a_tiled", value=False)
+        
+        clear_button = gr.Button("Clear!")
+        
+        gr.Examples(
+            examples=[
+                "A detailed view of a blooming magnolia tree, with large, white flowers and dark green leaves, set against a clear blue sky.",
+                "A close-up portrait of a young woman with flawless skin, vibrant red lipstick, and wavy brown hair, wearing a vintage floral dress and standing in front of a blooming garden.",
+                "The image features a snow-covered mountain range with a large, snow-covered mountain in the background. The mountain is surrounded by a forest of trees, and the sky is filled with clouds. The scene is set during the winter season, with snow covering the ground and the trees.",
+                "Crocodile in a sweater.",
+                "A vibrant anime scene of a young girl with long, flowing pink hair, big sparkling blue eyes, and a school uniform, standing under a cherry blossom tree with petals falling around her. The background shows a traditional Japanese school with cherry blossoms in full bloom.",
+                "A playful Labrador retriever puppy with a shiny, golden coat, chasing a red ball in a spacious backyard, with green grass and a wooden fence.",
+                "A cozy, rustic log cabin nestled in a snow-covered forest, with smoke rising from the stone chimney, warm lights glowing from the windows, and a path of footprints leading to the front door.",
+                "A highly detailed, high-quality image of the Banff National Park in Canada. The turquoise waters of Lake Louise are surrounded by snow-capped mountains and dense pine forests. A wooden canoe is docked at the edge of the lake. The sky is a clear, bright blue, and the air is crisp and fresh.",
+                "A highly detailed, high-quality image of a Shih Tzu receiving a bath in a home bathroom. The dog is standing in a tub, covered in suds, with a slightly wet and adorable look. The background includes bathroom fixtures, towels, and a clean, tiled floor.",
+            ],
+            inputs=[prompt],
+            outputs=[output_img],
+            examples_per_page=5
+        )
         
         polish_button.click(get_image, inputs=[height, width, seed, prompt, cfg, timesteps, stage_a_tiled], outputs=output_img)           
         polish_button.click(clear_image, inputs=[], outputs=output_img)
-        
+   
+
 if __name__ == "__main__":
    
     args = parse_args()