Update app.py

app.py

@@ -72,6 +72,17 @@ def echo(message, history):
 
 custom_desc_chat = "<span style='font-size: 16px; color: rgb(243, 239, 224);'>Green Greta ChatBot está aquí para responder todas tus preguntas y ayudarte a tomar decisiones más informadas sobre tu reciclaje.</span>"
 
+custom_examples = ["Hola, ¿cuál es tu nombre?", "¿Qué puedo hacer con ropa que ya no uso?", "¿Qué recursos educativos existen para aprender mas sobre sostenibilidad?"]
+
+custom_examples_css = [
+    "color: #4e6339;",
+    "color: #4e6339;",
+    "color: #4e6339;"
+]
+
+example_containers = [
+    gr.Container(custom_examples[i], css=custom_examples_css[i]) for i in range(len(custom_examples))
+]
 
 chatbot_gradio_app = gr.ChatInterface(
     fn=echo,
@@ -79,7 +90,7 @@ chatbot_gradio_app = gr.ChatInterface(
     textbox=gr.Textbox(placeholder="Hazme una pregunta sobre reciclaje...", scale=7),
     title=custom_title,
     description=custom_desc_chat,
-    examples=[<span style='color:  #4e6339;'>Hola, ¿cuál es tu nombre?</span>, <span style='color: #4e6339;'>¿Qué puedo hacer con ropa que ya no uso?</span>, <span style='color:  #4e6339;'>¿Qué recursos educativos existen para aprender mas sobre sostenibilidad?</span>],
+    examples=example_containers,
     theme=theme,
     fill_height=True,
     submit_btn="Enviar",