PDF Render Issue Fix - Separate Class

app.py

@@ -84,9 +84,16 @@ with tab1:
             base64_pdf = b64encode(text_to_pdf_fastify(text)).decode("utf-8")
 
             # Embedding the PDFs in the HTML
-            original_display = f'<iframe src="data:application/pdf;base64,{original_pdf}" width="100%" height="600" type="application/pdf"></iframe>'
-            pdf_display = f'<iframe src="data:application/pdf;base64,{base64_pdf}" width="100%" height="600" type="application/pdf"></iframe>'
-            
+            original_display = f"""
+                <div class="pdf-container" style="height: 500px;">
+                    <embed class="pdfobject" type="application/pdf" title="Modified PDF" src="data:application/pdf;base64,{original_pdf}" style="width: 100%; height: 100%;">
+                </div>
+                """
+            pdf_display = f"""
+                <div class="pdf-container" style="height: 500px;">
+                    <embed class="pdfobject" type="application/pdf" title="Modified PDF" src="data:application/pdf;base64,{base64_pdf}" style="width: 100%; height: 100%;">
+                </div>
+                """
             # Compare Logic implementation
             if compare:
                 col1, col2, col3 = st.columns(3)
@@ -144,8 +151,21 @@ with tab2:
                 base64_pdf = b64encode(text_to_pdf_fastify(text)).decode("utf-8")
 
                 # Embedding the PDFs in the HTML
-                original_display = f'<iframe src="data:application/pdf;base64,{original_pdf}" width="100%" height="600" type="application/pdf"></iframe>'
-                pdf_display = f'<iframe src="data:application/pdf;base64,{base64_pdf}" width="100%" height="600" type="application/pdf"></iframe>'
+                # original_display = f"""<embed class="pdfobject" type="application/pdf" title="Original PDF" src="data:application/pdf;base64,{original_pdf}" style=" width: 100%; height: 150%;">"""
+                # pdf_display = f"""<embed class="pdfobject" type="application/pdf" title="Modified PDF" src="data:application/pdf;base64,{base64_pdf}" style=" width: 100%; height: 150%;">"""
+
+                original_display = f"""
+                <div class="pdf-container" style="height: 500px;">
+                    <embed class="pdfobject" type="application/pdf" title="Modified PDF" src="data:application/pdf;base64,{original_pdf}" style="width: 100%; height: 100%;">
+                </div>
+                """
+                pdf_display = f"""
+                <div class="pdf-container" style="height: 500px;">
+                    <embed class="pdfobject" type="application/pdf" title="Modified PDF" src="data:application/pdf;base64,{base64_pdf}" style="width: 100%; height: 100%;">
+                </div>
+                """
+
+
 
                 # Compare Logic implementation
                 if compare:
@@ -163,12 +183,12 @@ with tab2:
                         with st.container(border = True):
                             st.markdown("<div style='text-align: center;'><strong>Fastified PDF viewer</strong></div>", unsafe_allow_html=True)
                             st.markdown(pdf_display, unsafe_allow_html=True)
-                    # Browser Cache Note
-                    st.markdown(f"""
-                        <div style='background-color: #FFD580; border-radius: 5px;'>
-                            <p style='color: black;'><strong>Note</strong> - {note_text}</p>
-                        </div>
-                        """, unsafe_allow_html=True)
+                    # # Browser Cache Note
+                    # st.markdown(f"""
+                    #     <div style='background-color: #FFD580; border-radius: 5px;'>
+                    #         <p style='color: black;'><strong>Note</strong> - {note_text}</p>
+                    #     </div>
+                    #     """, unsafe_allow_html=True)
                 else:
                     # No Comparison
                     col1, col2, col3 = st.columns(3)