Upload app.py

app.py

@@ -38,8 +38,8 @@ MAX_IMAGE_SIZE = 1216
 
 css = """
 #container {  margin: 0 auto; !important; }
-#col-container { margin: 0 auto;  align: center; !important; }
-#result { display: block; max-width: 520px; max-height: 520px; width: 520px; height: 520px; align: center; !important; }
+#col-container { margin: 0 auto; !important; }
+#result { display: inline-block; max-width: 520px; max-height: 520px; width: 520px; height: 520px; align: center; margin: 0px auto; !important; }
 #model-info { text-align: center; !important; }
 """
 
@@ -64,15 +64,20 @@ with gr.Blocks(css=css, fill_width=True, elem_id="container") as demo:
                 with gr.Row():
                     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) # 832
                     height = gr.Slider(label="Height", minimum=256, maximum=MAX_IMAGE_SIZE, step=32, value=1024) # 1216
                     guidance_scale = gr.Slider(label="Guidance scale", minimum=0.0, maximum=30.0, step=0.1, value=7)
                     num_inference_steps = gr.Slider(label="Number of inference steps", minimum=1, maximum=100, step=1, value=28)
 
                 with gr.Row():
-                    model_name = gr.Dropdown(label="Model", info="You can enter a huggingface model repo_id to want to use.", choices=get_diffusers_model_list(), value=get_diffusers_model_list()[0], allow_custom_value=True, interactive=True)
-                    model_info = gr.Markdown(elem_id="model-info")
-                    model_detail = gr.Checkbox(label="Show detail of model in list", value=False)
+                    with gr.Column():
+                        model_name = gr.Dropdown(label="Model", info="You can enter a huggingface model repo_id to want to use.",
+                                                choices=get_diffusers_model_list(), value=get_diffusers_model_list()[0],
+                                                allow_custom_value=True, interactive=True, min_width=320)
+                        model_info = gr.Markdown(elem_id="model-info")
+                    model_detail = gr.Checkbox(label="Show detail of model in list", value=False)                    
 
                 with gr.Row():
                     sampler = gr.Dropdown(label="Sampler", choices=get_samplers(), value="Euler a")
@@ -81,35 +86,35 @@ with gr.Blocks(css=css, fill_width=True, elem_id="container") as demo:
                 with gr.Accordion("LoRA", open=True, visible=True):
                     with gr.Row():
                         with gr.Group():
-                            lora1 = gr.Dropdown(label="LoRA 1", choices=get_all_lora_tupled_list(), value="", allow_custom_value=True)
+                            lora1 = gr.Dropdown(label="LoRA 1", choices=get_all_lora_tupled_list(), value="", allow_custom_value=True, min_width=320)
                             lora1_wt = gr.Slider(minimum=-2, maximum=2, step=0.01, value=1.00, label="LoRA 1: weight")
                             with gr.Row():
                                 lora1_info = gr.Textbox(label="", info="Example of prompt:", value="", show_copy_button=True, interactive=False, visible=False)
                                 lora1_copy = gr.Button(value="Copy example to prompt", visible=False)
                             lora1_md = gr.Markdown(value="", visible=False)
                         with gr.Group():
-                            lora2 = gr.Dropdown(label="LoRA 2", choices=get_all_lora_tupled_list(), value="", allow_custom_value=True)
+                            lora2 = gr.Dropdown(label="LoRA 2", choices=get_all_lora_tupled_list(), value="", allow_custom_value=True, min_width=320)
                             lora2_wt = gr.Slider(minimum=-2, maximum=2, step=0.01, value=1.00, label="LoRA 2: weight")
                             with gr.Row():
                                 lora2_info = gr.Textbox(label="", info="Example of prompt:", value="", show_copy_button=True, interactive=False, visible=False)
                                 lora2_copy = gr.Button(value="Copy example to prompt", visible=False)
                             lora2_md = gr.Markdown(value="", visible=False)
                         with gr.Group():
-                            lora3 = gr.Dropdown(label="LoRA 3", choices=get_all_lora_tupled_list(), value="", allow_custom_value=True)
+                            lora3 = gr.Dropdown(label="LoRA 3", choices=get_all_lora_tupled_list(), value="", allow_custom_value=True, min_width=320)
                             lora3_wt = gr.Slider(minimum=-2, maximum=2, step=0.01, value=1.00, label="LoRA 3: weight")
                             with gr.Row():
                                 lora3_info = gr.Textbox(label="", info="Example of prompt:", value="", show_copy_button=True, interactive=False, visible=False)
                                 lora3_copy = gr.Button(value="Copy example to prompt", visible=False)
                             lora3_md = gr.Markdown(value="", visible=False)
                         with gr.Group():
-                            lora4 = gr.Dropdown(label="LoRA 4", choices=get_all_lora_tupled_list(), value="", allow_custom_value=True)
+                            lora4 = gr.Dropdown(label="LoRA 4", choices=get_all_lora_tupled_list(), value="", allow_custom_value=True, min_width=320)
                             lora4_wt = gr.Slider(minimum=-2, maximum=2, step=0.01, value=1.00, label="LoRA 4: weight")
                             with gr.Row():
                                 lora4_info = gr.Textbox(label="", info="Example of prompt:", value="", show_copy_button=True, interactive=False, visible=False)
                                 lora4_copy = gr.Button(value="Copy example to prompt", visible=False)
                             lora4_md = gr.Markdown(value="", visible=False)
                         with gr.Group():
-                            lora5 = gr.Dropdown(label="LoRA 5", choices=get_all_lora_tupled_list(), value="", allow_custom_value=True)
+                            lora5 = gr.Dropdown(label="LoRA 5", choices=get_all_lora_tupled_list(), value="", allow_custom_value=True, min_width=320)
                             lora5_wt = gr.Slider(minimum=-2, maximum=2, step=0.01, value=1.00, label="LoRA 5: weight")
                             with gr.Row():
                                 lora5_info = gr.Textbox(label="", info="Example of prompt:", value="", show_copy_button=True, interactive=False, visible=False)
@@ -132,11 +137,11 @@ with gr.Blocks(css=css, fill_width=True, elem_id="container") as demo:
                     style_selector = gr.Radio(label="Style Presets", interactive=True, choices=list(preset_styles.keys()), value="None")
                 
                 with gr.Accordion("Translation Settings", open=False):
+                    chatbot = gr.Chatbot(likeable=False, render_markdown=False, visible=False) # component for auto-translation
+                    chat_model = gr.Dropdown(choices=get_dolphin_models(), value=get_dolphin_models()[0][1], allow_custom_value=True, label="Model")
+                    chat_model_info = gr.Markdown(value=get_dolphin_model_info(get_dolphin_models()[0][1]), label="Model info")
+                    chat_format = gr.Dropdown(choices=get_llm_formats(), value=get_dolphin_model_format(get_dolphin_models()[0][1]), label="Message format")
                     with gr.Row():
-                        chatbot = gr.Chatbot(likeable=False, render_markdown=False, visible=False) # component for auto-translation
-                        chat_model = gr.Dropdown(choices=get_dolphin_models(), value=get_dolphin_models()[0][1], allow_custom_value=True, label="Model")
-                        chat_model_info = gr.Markdown(value=get_dolphin_model_info(get_dolphin_models()[0][1]), label="Model info")
-                        chat_format = gr.Dropdown(choices=get_llm_formats(), value=get_dolphin_model_format(get_dolphin_models()[0][1]), label="Message format")
                         chat_sysmsg = gr.Textbox(value=get_dolphin_sysprompt(), label="System message")
                         chat_tokens = gr.Slider(minimum=1, maximum=4096, value=512, step=1, label="Max tokens")
                         chat_temperature = gr.Slider(minimum=0.1, maximum=4.0, value=0.7, step=0.1, label="Temperature")