Update app.py

app.py

@@ -29,8 +29,8 @@ with gr.Blocks() as interface:
     </div>
     """)
 
-    # Création du formulaire centré avec une bordure
-    with gr.Column(align="center"):
+    # Créer une colonne sans l'argument `align` qui n'existe pas
+    with gr.Column():
         text_input = gr.Textbox(label="Entrez le texte à traduire", placeholder="Entrez le texte à traduire ici...", lines=3)
         source_lang = gr.Dropdown(choices=["fr", "li"], label="Langue Source")
         target_lang = gr.Dropdown(choices=["li", "fr"], label="Langue Cible")
@@ -69,7 +69,7 @@ interface.css = """
     .gradio-row {
         margin-top: 10px;
     }
-    /* Centrer la colonne */
+    /* Centrer la colonne et ajouter un style à la zone de texte */
     .gr-column {
         width: 50%;
         margin: auto;
@@ -79,6 +79,17 @@ interface.css = """
         background-color: #f9f9f9;
         box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     }
+    /* Appliquer un style pour le texte d'entrée */
+    .gr-textbox {
+        font-size: 16px;
+        padding: 10px;
+    }
+    /* Appliquer un style pour la sortie de traduction */
+    .gr-textbox[placeholder='Le texte traduit s\'affichera ici...'] {
+        font-size: 16px;
+        font-weight: bold;
+        color: #2E8B57; /* Couleur verte pour l'output */
+    }
 """
 
 # Lancer l'interface