Update app.py

app.py

@@ -110,19 +110,6 @@ custom_css = """
     padding: 0 20px;
 }
 
-/* Model info styling */
-.model-info {
-    font-size: 0.9em;
-    color: #666;
-    font-style: italic;
-    margin-top: 5px;
-    text-align: center;
-    padding: 8px;
-    background-color: #f8f9ff;
-    border-radius: 8px;
-    border: 1px solid #e1e5e9;
-}
-
 /* Status message styling */
 .status-message {
     padding: 12px;
@@ -208,37 +195,31 @@ with gr.Blocks(
         
         with gr.Row(equal_height=False):
             with gr.Column(scale=3, elem_classes=["input-section"]):
-                # Center the text input
-                with gr.Column():
-                    text_input = gr.Textbox(
-                        label=f"📝 Enter Luganda Text (max {MAX_TXT_LEN} characters)",
-                        placeholder="Wandika wano ekigambo mu Luganda...",
-                        value="Gyebale ko ssebo.",
-                        lines=4,
-                        max_lines=6,
-                    )
+                text_input = gr.Textbox(
+                    label=f"📝 Enter Luganda Text (max {MAX_TXT_LEN} characters)",
+                    placeholder="Wandika wano ekigambo mu Luganda...",
+                    value="Gyebale ko ssebo.",
+                    lines=4,
+                    max_lines=6,
+                )
                 
-                # Center the model selection
-                with gr.Column():
-                    gr.Markdown(
-                        "<h3 style='text-align: center; margin: 20px 0 10px 0; color: #4c1d95;'>🎛️ Model Selection</h3>"
-                    )
-                    model_choice = gr.Radio(
-                        label="Choose TTS Model",
-                        choices=list(MODEL_INFO.keys()),
-                        value="Model 3",
-                        interactive=True,
-                        elem_classes=["radio-group"]
-                    )
+                gr.Markdown(
+                    "<h3 style='text-align: center; margin: 20px 0 10px 0; color: #4c1d95;'>🎛️ Model Selection</h3>"
+                )
+                model_choice = gr.Radio(
+                    label="Choose TTS Model",
+                    choices=list(MODEL_INFO.keys()),
+                    value="Model 3",
+                    interactive=True,
+                    elem_classes=["radio-group"]
+                )
                 
-                # Center the button
-                with gr.Column():
-                    run_btn = gr.Button(
-                        "🔊 Generate Speech", 
-                        variant="primary", 
-                        size="lg",
-                        elem_classes=["generate-btn"]
-                    )
+                run_btn = gr.Button(
+                    "🔊 Generate Speech", 
+                    variant="primary", 
+                    size="lg",
+                    elem_classes=["generate-btn"]
+                )
                 
             with gr.Column(scale=2, elem_classes=["audio-section"]):
                 gr.Markdown(
@@ -258,11 +239,9 @@ with gr.Blocks(
                     elem_classes=["status-message"]
                 )
         
-        # Examples section with better styling
+        # Examples section
         with gr.Column(elem_classes=["examples-section"]):
-            gr.Markdown(
-                "<div class='examples-title'>💡 Try these Luganda examples:</div>"
-            )
+            gr.Markdown("<div class='examples-title'>💡 Try these Luganda examples:</div>")
             gr.Examples(
                 examples=examples,
                 inputs=[text_input, model_choice],
@@ -272,16 +251,6 @@ with gr.Blocks(
                 label=""
             )
     
-    # Update model info when selection changes
-    def update_model_info(choice):
-        return f"**{MODEL_INFO[choice]['description']}**"
-    
-    model_choice.change(
-        fn=update_model_info,
-        inputs=[model_choice],
-        outputs=[model_info]
-    )
-    
     # Connect the generate button
     run_btn.click(
         fn=tts,
@@ -289,8 +258,7 @@ with gr.Blocks(
         outputs=[audio_output, status_output]
     )
     
-    
-    # Footer with additional info
+    # Footer
     gr.Markdown(
         """
         <div class="footer">
@@ -313,8 +281,8 @@ with gr.Blocks(
 
 if __name__ == "__main__":
     demo.launch(
-        share=False,  # Set to True if you want a public link
-        server_name="0.0.0.0",  # Allow external connections
+        share=False,
+        server_name="0.0.0.0",
         server_port=7860,
         show_error=True
-    )
+    )