Upload 12 files

app.py

@@ -16,6 +16,8 @@ load_dotenv()
 genai.configure(api_key=os.getenv("GOOGLE_API_KEY"))
 
 # Función auxiliar para mostrar el contenido generado y los botones de descarga
+# In the display_generated_content function, modify the names section:
+
 def display_generated_content(col, generated_content, content_type):
     timestamp = datetime.datetime.now().strftime("%Y%m%d_%H%M%S")
     
@@ -51,37 +53,42 @@ def display_generated_content(col, generated_content, content_type):
         file_name = f"nombres_webinar_{timestamp}.txt"
         download_label = "DESCARGAR NOMBRES DE WEBINAR ▶▶"
         
-        # Contar el número de nombres generados (aproximadamente por el número de líneas)
+        # Contar el número de nombres generados
         num_names = len([line for line in generated_content.split('\n') if line.strip().startswith(('1.', '2.', '3.', '4.', '5.', '6.', '7.', '8.', '9.', '10.', '11.', '12.', '13.', '14.', '15.'))])
         
-        # Determinar si hay más de 5 nombres para mostrar los botones de descarga
-        has_many_items = num_names > 5
+        # Para los nombres, usar HTML personalizado en lugar de st.download_button
+        import base64
+        
+        # Codificar el contenido para descarga
+        b64 = base64.b64encode(generated_content.encode()).decode()
+        
+        # Crear botón de descarga superior con clase específica
+        top_button_html = f"""
+        <div class="custom-download-button names-download-button top-button">
+            <a href="data:text/plain;base64,{b64}" download="{file_name}">
+                {download_label}
+            </a>
+        </div>
+        """
+        
+        # Crear botón de descarga inferior con clase específica
+        bottom_button_html = f"""
+        <div class="custom-download-button names-download-button bottom-button">
+            <a href="data:text/plain;base64,{b64}" download="{file_name}">
+                {download_label}
+            </a>
+        </div>
+        """
+        
+        # Mostrar botón de descarga superior
+        col.markdown(top_button_html, unsafe_allow_html=True)
         
         # Mostrar el contenido generado
         col.subheader(subheader_text)
         col.markdown(generated_content)
         
-        # Para los nombres, usar HTML personalizado en lugar de st.download_button
-        if has_many_items:
-            import base64
-            
-            # Codificar el contenido para descarga
-            b64 = base64.b64encode(generated_content.encode()).decode()
-            
-            # Crear botón de descarga personalizado con HTML y CSS
-            custom_download_html = f"""
-            <div class="custom-download-button names-download-button">
-                <a href="data:text/plain;base64,{b64}" download="{file_name}" style="text-decoration:none; color:white; display:block; width:100%; text-align:center;">
-                    {download_label}
-                </a>
-            </div>
-            """
-            
-            # Mostrar botón de descarga superior
-            col.markdown(custom_download_html, unsafe_allow_html=True)
-            
-            # Mostrar botón de descarga inferior
-            col.markdown(custom_download_html, unsafe_allow_html=True)
+        # Mostrar botón de descarga inferior
+        col.markdown(bottom_button_html, unsafe_allow_html=True)
 
 # Implementar la función generate_and_display para reemplazar código duplicado
 def generate_and_display(col, generator_func, audience, product, temperature, selected_formula, content_type, **kwargs):

styles/styles.css

@@ -125,10 +125,11 @@ div.stDownloadButton[data-testid*="download_bottom_names"] > button:first-child:
     border-radius: 5px;
     border: 1px solid #333;
     text-align: center;
-    margin: 15px auto;
+    margin: 20px auto;
     width: 80%;
     cursor: pointer;
     transition: all 0.3s;
+    display: block;
 }
 
 .custom-download-button.names-download-button:hover {
@@ -145,4 +146,5 @@ div.stDownloadButton[data-testid*="download_bottom_names"] > button:first-child:
     width: 100%;
     height: 100%;
     font-weight: bold;
+    text-decoration: none !important;
 }