Update app.py

app.py

@@ -64,42 +64,46 @@ def respond(message, history):
 
 # 3. Interfaccia Chat
 
-# Definiamo il CSS ufficiale puntando all'ID del nostro riquadro
+# Definiamo il CSS per il bordo scuro
 custom_css = """
 #bordo-scuro {
-    border: 3px solid #000000 !important; 
+    border: 2px solid #000000 !important; 
     border-radius: 8px !important;
 }
-#bordo-scuro textarea {
+textarea {
     background-color: #ffffff !important;
 }
 """
 
-demo = gr.ChatInterface(
-    respond,
-    # 1. Configurazione del Chatbot (Supporto LaTeX per le formule)
-    chatbot=gr.Chatbot(
-        latex_delimiters=[
-            {"left": "$$", "right": "$$", "display": True},
-            {"left": "$", "right": "$", "display": False}
+# Usiamo gr.Blocks come contenitore principale per iniettare il CSS
+with gr.Blocks(css=custom_css) as demo:
+    gr.ChatInterface(
+        respond,
+        # 1. Configurazione del Chatbot (Supporto LaTeX per le formule)
+        chatbot=gr.Chatbot(
+            latex_delimiters=[
+                {"left": "$$", "right": "$$", "display": True},
+                {"left": "$", "right": "$", "display": False}
+            ]
+        ),
+        # 2. Riquadro di testo collegato al nostro CSS
+        textbox=gr.Textbox(
+            elem_id="bordo-scuro",
+            placeholder="👉 Scrivi qui la tua domanda e premi INVIO...",
+            container=False,
+            scale=7
+        ),
+        title="🚀 Limba 1.0 - Progetto Margherita",
+        description="Liceo Scientifico 'E. Fermi' - Nuoro. Assistente creato da Francesco Palladino.",
+        examples=[
+            "Chie ti hat creadu?", 
+            "Spiegami la seconda legge di Newton", 
+            "Spiegami la fotosintesi clorofilliana"
         ]
-    ),
-    # 2. Riquadro di testo collegato al nostro CSS tramite elem_id
-    textbox=gr.Textbox(
-        elem_id="bordo-scuro",  # <--- Questo collega il box al CSS
-        placeholder="👉 Scrivi qui la tua domanda e premi INVIO...",
-        container=False,
-        scale=7
-    ),
-    css=custom_css,  # <--- Inseriamo il blocco grafico qui
-    title="🚀 Limba 1.0 - Progetto Margherita",
-    description="Assistente creato dagli studenti del Liceo Scientifico 'E. Fermi' - Nuoro e dal docente di intelligenza artificiale Francesco Palladino.",
-    examples=[
-        "Chie ti hat creadu?", 
-        "Spiegami la seconda legge di Newton", 
-        "Spiegami la fotosintesi clorofilliana"
-    ]
-)
+    )
+
+if __name__ == "__main__":
+    demo.launch(server_name="0.0.0.0", server_port=7860)
 
 if __name__ == "__main__":
     demo.launch(server_name="0.0.0.0", server_port=7860)