Redesign of the interface (by. Politrees)

How do you like this interface redesign?


app.py

@@ -84,8 +84,6 @@ def image_to_base64(image_path):
 
     return img_str.decode('utf-8')  # Convert bytes to string
 
-
-
 prodia_client = Prodia(api_key=os.getenv("PRODIA_API_KEY"))
 
 def flip_text(prompt, negative_prompt, model, steps, sampler, cfg_scale, width, height, seed):
@@ -119,51 +117,36 @@ css = """
 }
 """
 
-with gr.Blocks(css=css) as demo:
-
-
+with gr.Blocks(css=css, theme=gr.themes.Default(spacing_size="sm", radius_size="lg")) as demo:
     with gr.Row():
-        with gr.Column(scale=6):
-            model = gr.Dropdown(interactive=True,value="sd_xl_base_1.0.safetensors [be9edd61]", show_label=True, label="Stable Diffusion Checkpoint", choices=prodia_client.list_models())
-
-        with gr.Column(scale=1):
+        with gr.Column(scale=3, variant='panel'):
+            model = gr.Dropdown(label="Stable Diffusion Checkpoint", value="sd_xl_base_1.0.safetensors [be9edd61]", choices=prodia_client.list_models())
+        with gr.Column(scale=1, variant='panel'):
             gr.Markdown(elem_id="powered-by-prodia", value="AUTOMATIC1111 Stable Diffusion Web UI for SDXL V1.0.<br>Powered by [Prodia](https://prodia.com).")
 
-    with gr.Tab("txt2img"):
-        with gr.Row():
-            with gr.Column(scale=6, min_width=600):
-                prompt = gr.Textbox("space warrior, beautiful, female, ultrarealistic, soft lighting, 8k", placeholder="Prompt", show_label=False, lines=3)
-                negative_prompt = gr.Textbox(placeholder="Negative Prompt", show_label=False, lines=3, value="3d, cartoon, anime, (deformed eyes, nose, ears, nose), bad anatomy, ugly")
+    with gr.Row():
+        with gr.Column(scale=3, variant='panel'):
+            prompt = gr.Textbox(value="space warrior, beautiful, female, ultrarealistic, soft lighting, 8k", placeholder="Prompt", show_label=False, lines=3, max_lines=5)
+            negative_prompt = gr.Textbox(value="3d, cartoon, anime, (deformed eyes, nose, ears, nose), bad anatomy, ugly", placeholder="Negative Prompt", show_label=False, lines=3, max_lines=5)
+        with gr.Column(scale=1, variant='panel'):
+            text_button = gr.Button("Generate", variant='primary', elem_id="generate")
+
+    with gr.Row(equal_height=False):
+        with gr.Column(scale=3, variant='panel'):
+            with gr.Row():
+                sampler = gr.Dropdown(label="Sampling Method", value="DPM++ 2M Karras", choices=prodia_client.list_samplers())
+                steps = gr.Slider(label="Sampling Steps", minimum=1, maximum=100, value=20, step=1)
             with gr.Column():
-                text_button = gr.Button("Generate", variant='primary', elem_id="generate")
-
-        with gr.Row():
-            with gr.Column(scale=3):
-                with gr.Tab("Generation"):
-                    with gr.Row():
-                        with gr.Column(scale=1):
-                            sampler = gr.Dropdown(value="DPM++ 2M Karras", show_label=True, label="Sampling Method", choices=prodia_client.list_samplers())
-
-                        with gr.Column(scale=1):
-                            steps = gr.Slider(label="Sampling Steps", minimum=1, maximum=25, value=20, step=1)
-
-                    with gr.Row():
-                        with gr.Column(scale=1):
-                            width = gr.Slider(label="Width", minimum=512, maximum=1536, value=1024, step=8)
-                            height = gr.Slider(label="Height", minimum=512, maximum=1536, value=1024, step=8)
-                            gr.Markdown(elem_id="resolution", value="*Resolution Maximum: 1MP (1048576 px)*")
-
-                        with gr.Column(scale=1):
-                            batch_size = gr.Slider(label="Batch Size", maximum=1, value=1)
-                            batch_count = gr.Slider(label="Batch Count", maximum=1, value=1)
-
-                    cfg_scale = gr.Slider(label="CFG Scale", minimum=1, maximum=20, value=7, step=1)
-                    seed = gr.Number(label="Seed", value=-1)
-
+                width = gr.Slider(label="Width", minimum=512, maximum=1536, value=1024, step=8)
+                height = gr.Slider(label="Height", minimum=512, maximum=1536, value=1024, step=8)
+                gr.HTML("<center><h3>Resolution Maximum: 1MP (1048576 px)</h3></center>")
+            with gr.Column():
+                cfg_scale = gr.Slider(label="CFG Scale", minimum=1, maximum=20, value=7, step=1)
+                seed = gr.Number(label="Seed", value=-1)
 
-            with gr.Column(scale=2):
-                image_output = gr.Image(value="https://cdn-uploads.huggingface.co/production/uploads/noauth/XWJyh9DhMGXrzyRJk7SfP.png")
+        with gr.Column(scale=2):
+            image_output = gr.Image(value="https://cdn-uploads.huggingface.co/production/uploads/noauth/XWJyh9DhMGXrzyRJk7SfP.png")
 
-        text_button.click(flip_text, inputs=[prompt, negative_prompt, model, steps, sampler, cfg_scale, width, height, seed], outputs=image_output)
+    text_button.click(flip_text, inputs=[prompt, negative_prompt, model, steps, sampler, cfg_scale, width, height, seed], outputs=image_output)
 
 demo.queue(default_concurrency_limit=1, max_size=32, api_open=False).launch(max_threads=128)