Update app.py

app.py

@@ -72,9 +72,9 @@ def transcribe_audio(audio_file, destination_language):
 # Gradio interface
 with gr.Blocks(css="""
 body {
-    background: linear-gradient(to right, #1e3c72, #2a5298); /* Professional gradient */
+    background: #f0f0f0; /* Light gray background */
     font-family: 'Roboto', sans-serif; /* Modern font for readability */
-    color: #ffffff; /* White text for high contrast */
+    color: #333333; /* Dark text color for better readability */
     display: flex;
     justify-content: center;
     align-items: center;
@@ -83,7 +83,7 @@ body {
     padding: 0;
 }
 h1, h2, h3, label {
-    color: #ffffff; /* Ensure headings and labels are visible */
+    color: #333333; /* Ensure headings and labels are visible */
     text-align: center;
 }
 button {
@@ -147,32 +147,30 @@ input:focus, textarea:focus, select:focus {
 
     with gr.Tabs():
         with gr.Tab("Text Translation"):
-            with gr.Column(scale=1):
-                text_input = gr.Textbox(label="Enter Text", lines=6, placeholder="Type something... in English")
-                language_dropdown = gr.Dropdown(
-                    choices=available_languages, label="Destination Language"
-                )
-                translated_text_output = gr.Textbox(label="Translated Text", lines=4, interactive=False)
-                translate_button = gr.Button("Translate")
+            text_input = gr.Textbox(label="Input Text", lines=6, placeholder="Enter your text here...")
+            language_dropdown = gr.Dropdown(
+                choices=available_languages, label="Select Destination Language"
+            )
+            translated_text_output = gr.Textbox(label="Translated Text", lines=4)
+            translate_button = gr.Button("Translate")
 
-                translate_button.click(
-                    translate_text, inputs=[text_input, language_dropdown], outputs=[translated_text_output]
-                )
+            translate_button.click(
+                translate_text, inputs=[text_input, language_dropdown], outputs=[translated_text_output]
+            )
 
         with gr.Tab("Audio Translation"):
-            with gr.Column(scale=1):
-                audio_input = gr.Audio(label="Upload Audio File", type="filepath")
-                audio_language_dropdown = gr.Dropdown(
-                    choices=available_languages, label="Destination Language"
-                )
-                audio_translated_text_output = gr.Textbox(label="Transcribed & Translated Text", lines=4, interactive=False)
-                audio_translate_button = gr.Button("Transcribe & Translate")
+            audio_input = gr.Audio(label="Upload Audio File", type="filepath")
+            audio_language_dropdown = gr.Dropdown(
+                choices=available_languages, label="Select Destination Language"
+            )
+            audio_translated_text_output = gr.Textbox(label="Transcribed and Translated Text", lines=4)
+            audio_translate_button = gr.Button("Transcribe and Translate")
 
-                audio_translate_button.click(
-                    transcribe_audio,
-                    inputs=[audio_input, audio_language_dropdown],
-                    outputs=[audio_translated_text_output],
-                )
+            audio_translate_button.click(
+                transcribe_audio,
+                inputs=[audio_input, audio_language_dropdown],
+                outputs=[audio_translated_text_output],
+            )
 
 if __name__ == "__main__":
     demo.launch()