Update app.py

app.py

@@ -1,53 +1,21 @@
 import gradio as gr
 
-def predict(text):
-    # Votre logique de prédiction ici
-    return text.upper()
-
-# Définition des styles CSS personnalisés
+# Définition du CSS personnalisé
 custom_css = """
-/* Modifier la couleur de fond de l'interface */
-.gradio-interface {
-    background-color: #f0f0f0;
-}
-
-/* Modifier la couleur du texte dans l'entrée */
-.gradio-input {
-    color: #333;
-}
-
-/* Modifier la couleur et la taille de la police dans la sortie */
-.gradio-output {
-    color: #0066ff;
-    font-size: 20px;
-}
-
-/* Modifier le style du bouton de soumission */
-.gradio-submit-button {
-    background-color: #0066ff;
-    color: white;
-    border-radius: 5px;
-    border: none;
-    padding: 10px 20px;
-    cursor: pointer;
+#warning {
+    background-color: #FFCCCB;
 }
-
-/* Modifier le style du bouton de réinitialisation */
-.gradio-reset-button {
-    background-color: #ff6666;
-    color: white;
-    border-radius: 5px;
-    border: none;
-    padding: 10px 20px;
-    cursor: pointer;
+.feedback textarea {
+    font-size: 24px !important;
 }
 """
 
-iface = gr.Interface(
-    fn=predict,
-    inputs=gr.inputs.Textbox(label="Entrez votre texte ici:"),
-    outputs=gr.outputs.Textbox(label="Texte transformé:"),
-    title="Transformer le texte en majuscules",
-    css=custom_css
-)
-iface.launch()
+# Création de l'interface avec le CSS personnalisé
+with gr.Blocks(css=custom_css) as demo:
+    # Composant Textbox avec la classe CSS "feedback"
+    box1 = gr.Textbox(value="Bonne travail", elem_classes="feedback")
+    
+    # Composant Textbox avec l'ID "warning" et la classe CSS "feedback"
+    box2 = gr.Textbox(value="Échec", elem_id="warning", elem_classes="feedback")
+    
+# L'interface est automatiquement lancée lorsqu'elle est définie avec Gradio Blocks