Update app.py

app.py

@@ -33,6 +33,7 @@ custom_css = """
       margin: 0 auto; /* Center the block */
       overflow: auto; /* Ensure content is scrollable if it exceeds the block size */
       gap: 10px; /* Add gap between elements */
+      border: 1px solid #000;
     }
     .gradio-container{
       background-color: white;
@@ -76,6 +77,8 @@ with gr.Blocks(css=custom_css) as demo:
 
     gr.Markdown("# Plataforma de Generación de Informes de ViLAB", elem_id="title")
 
+    gr.Markdown("Importante: Plataforma de prueba experimental, se limita solo al uso didáctico.")
+
     gr.Markdown("### Ingrese el nombre de su empresa y su logo [opcional].", elem_id="subtitle")
 
     header_items = []
@@ -183,6 +186,8 @@ with gr.Blocks(css=custom_css) as demo:
     with gr.Row():
       submit_button = gr.DownloadButton (label="Generar Reporte")
 
+    file_output = gr.File(interactive=False, visible=False)
+
     # Función para mantener la relación de aspecto de la imagen
     def get_aspect_ratio_image_size(img, max_width, max_height):
         width, height = img.size
@@ -314,9 +319,9 @@ Resumen:"""
       pdf_path = "./documento_generado.pdf"
       pdf.output(pdf_path)
 
-      return pdf_path
+      return gr.File(pdf_path, interactive=False, visible=True)
 
-    submit_button.click(get_values, header_items + textboxes + img_desc_boxes, [submit_button])
+    submit_button.click(get_values, header_items + textboxes + img_desc_boxes, file_output)
 
 if __name__ == "__main__":