Update app.py

app.py

@@ -408,7 +408,7 @@ css = '''
 #progress .generating{display:none}
 .progress-container {width: 100%;height: 30px;background-color: #f0f0f0;border-radius: 15px;overflow: hidden;margin-bottom: 20px}
 .progress-bar {height: 100%;background-color: #4f46e5;width: calc(var(--current) / var(--total) * 100%);transition: width 0.5s ease-in-out}
-button{height: 100%}
+.button_total{height: 100%}
 #loaded_loras [data-testid="block-info"]{font-size:80%}
 '''
 
@@ -422,7 +422,7 @@ with gr.Blocks(theme=gr.themes.Soft(), css=css, delete_cache=(60, 3600)) as app:
  with gr.Column(scale=3):
  prompt = gr.Textbox(label="Prompt", lines=1, placeholder="Type a prompt after selecting a LoRA")
  with gr.Column(scale=1):
- generate_button = gr.Button("Generate", variant="primary")
+ generate_button = gr.Button("Generate", variant="primary", elem_classes=["button_total"])
  with gr.Row(elem_id="loaded_loras"):
  with gr.Column(scale=1, min_width=25):
  randomize_button = gr.Button("🎲", variant="secondary", scale=1)
@@ -436,7 +436,7 @@ with gr.Blocks(theme=gr.themes.Soft(), css=css, delete_cache=(60, 3600)) as app:
  with gr.Column(scale=2, min_width=50):
  lora_scale_1 = gr.Slider(label="LoRA 1 Scale", minimum=0, maximum=3, step=0.01, value=0.95)
  with gr.Column(scale=1, min_width=50):
- remove_button_1 = gr.Button("Remove")
+ remove_button_1 = gr.Button("Remove", elem_classes=["button_total"])
  with gr.Column(scale=8):
  with gr.Row():
  with gr.Column(scale=0, min_width=50):
@@ -447,7 +447,7 @@ with gr.Blocks(theme=gr.themes.Soft(), css=css, delete_cache=(60, 3600)) as app:
  with gr.Column(scale=2, min_width=50):
  lora_scale_2 = gr.Slider(label="LoRA 2 Scale", minimum=0, maximum=3, step=0.01, value=0.95)
  with gr.Column(scale=1, min_width=50):
- remove_button_2 = gr.Button("Remove")
+ remove_button_2 = gr.Button("Remove", elem_classes=["button_total"])
  with gr.Row():
  with gr.Column():
  gallery = gr.Gallery(