Update src/streamlit_app.py

src/streamlit_app.py

@@ -73,10 +73,21 @@ def render_html_preview(html_content):
     return iframe_html
 
 def render_pdf_preview(pdf_bytes):
-    """Render PDF preview"""
+    """Render PDF preview using PDF.js for better browser compatibility (including Brave)"""
     b64 = base64.b64encode(pdf_bytes).decode()
-    pdf_display = f'<iframe src="data:application/pdf;base64,{b64}" width="100%" height="600" style="border: 2px solid #ddd; border-radius: 5px;" type="application/pdf"></iframe>'
-    return pdf_display
+    
+    # Use PDF.js viewer hosted on CDN for better compatibility
+    pdf_viewer_html = f'''
+    <div style="width: 100%; height: 600px; border: 2px solid #ddd; border-radius: 5px; background: #525659;">
+        <iframe 
+            src="https://mozilla.github.io/pdf.js/web/viewer.html?file=data:application/pdf;base64,{b64}" 
+            width="100%" 
+            height="100%" 
+            style="border: none;">
+        </iframe>
+    </div>
+    '''
+    return pdf_viewer_html
 
 def convert_html_to_pdf(html_content, aspect_ratio):
     """
@@ -265,7 +276,8 @@ with tab1:
                     
                     # PDF Preview
                     st.subheader("📄 PDF Preview")
-                    st.components.v1.html(render_pdf_preview(pdf_bytes), height=600, scrolling=True)
+                    st.markdown("*If preview doesn't load, use the download button above. Works best in Firefox and Chrome.*")
+                    st.components.v1.html(render_pdf_preview(pdf_bytes), height=620, scrolling=True)
 
 # Tab 2: Paste HTML Code
 with tab2:
@@ -370,7 +382,8 @@ with tab2:
                 
                 # PDF Preview
                 st.subheader("📄 PDF Preview")
-                st.components.v1.html(render_pdf_preview(pdf_bytes), height=600, scrolling=True)
+                st.markdown("*If preview doesn't load, use the download button above. Works best in Firefox and Chrome.*")
+                st.components.v1.html(render_pdf_preview(pdf_bytes), height=620, scrolling=True)
 
 # Footer with tips
 st.markdown("---")
@@ -383,4 +396,5 @@ st.markdown("""
 - All CSS styles, colors, gradients, and fonts are preserved
 - Use inline CSS or `<style>` tags for best results
 - External resources should use absolute URLs
+- **PDF Preview** works best in Firefox and Chrome. If blocked in Brave, download the PDF instead.
 """)