Update app.py

app.py

@@ -436,20 +436,68 @@ def remove_custom_lora():
 run_lora.zerogpu = True
 
 css = '''
-#gen_btn { height: 100%; }
-#gen_column { align-self: stretch; }
-#title { text-align: center; }
-#title h1 { font-size: 3em; display:inline-flex; align-items:center; }
-#title img { width: 100px; margin-right: 0.5em; }
-#gallery .grid-wrap { height: 10vh; }
-#lora_list { background: var(--block-background-fill); padding: 0 1em .3em; font-size: 90%; }
-.card_internal { display: flex; height: 100px; margin-top: .5em; }
-.card_internal img { margin-right: 1em; }
-.styler { --form-gap-width: 0px !important; }
-#progress { height:30px; }
-#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; }
+/* Title Styling */
+#title {
+    text-align: center;
+    margin-bottom: 20px;
+}
+#title h1 {
+    font-size: 2.5rem;
+    margin: 0;
+    color: #333;
+}
+
+/* Button and Column Styling */
+#gen_btn {
+    width: 100%;
+    padding: 12px;
+    font-weight: bold;
+    border-radius: 5px;
+}
+#gen_column {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+/* Gallery and List Styling */
+#gallery .grid-wrap {
+    margin-top: 15px;
+}
+#lora_list {
+    background-color: #f5f5f5;
+    padding: 10px;
+    border-radius: 4px;
+    font-size: 0.9rem;
+}
+.card_internal {
+    display: flex;
+    align-items: center;
+    height: 100px;
+    margin-top: 10px;
+}
+.card_internal img {
+    margin-right: 10px;
+}
+.styler {
+    --form-gap-width: 0px !important;
+}
+
+/* Progress Bar Styling */
+.progress-container {
+    width: 100%;
+    height: 20px;
+    background-color: #e0e0e0;
+    border-radius: 10px;
+    overflow: hidden;
+    margin-bottom: 20px;
+}
+.progress-bar {
+    height: 100%;
+    background-color: #4f46e5;
+    transition: width 0.3s ease-in-out;
+    width: calc(var(--current) / var(--total) * 100%);
+}
 '''
 
 with gr.Blocks(theme=gr.themes.Base(), css=css, delete_cache=(60, 60)) as app: