Update page_files/Home.py

page_files/Home.py

@@ -54,10 +54,13 @@ def img_to_b64(path):
         return ""
 
 
-home_img = img_to_b64("images/Home.png")
-logo_img = img_to_b64("logo.png")
-extract_card_img = img_to_b64("images/extract_card_img.png")
-search_card_img  = img_to_b64("images/search_card_img.png")
+_HERE = Path(__file__).parent        # page_files/
+_ROOT = _HERE.parent                 # project root
+
+home_img         = img_to_b64(str(_HERE / "images" / "Home.png"))
+logo_img         = img_to_b64(str(_ROOT / "logo.png"))
+extract_card_img = img_to_b64(str(_ROOT / "extract_card_img.png"))
+search_card_img  = img_to_b64(str(_ROOT / "search_card_img.png"))
 
 st.markdown("""
   <style>
@@ -674,32 +677,24 @@ with right_col:
     </style>
     """, unsafe_allow_html=True)
 
-    with st.container():
-        st.markdown('<div class="aim-showcase-card-wrap">', unsafe_allow_html=True)
-        if extract_card_img:
-            st.image("extract_card_img.png", use_container_width=True)
-        st.markdown("""
-        <div class="aim-card-footer">
-            <div class="aim-card-footer-title">Extract Data</div>
-            <div class="aim-card-footer-tag">Platform</div>
-        </div>
-        </div>
-        """, unsafe_allow_html=True)
+    if extract_card_img:
+        st.markdown(
+            '<div class="aim-showcase-card-wrap"><img src="' + extract_card_img + '" style="width:100%;max-height:190px;object-fit:cover;display:block;"/>'
+            '<div class="aim-card-footer"><div class="aim-card-footer-title">Extract Data</div>'
+            '<div class="aim-card-footer-tag">Platform</div></div></div>',
+            unsafe_allow_html=True
+        )
     if st.button("Go to Extract Data →", key="showcase_extract_btn"):
         st.switch_page("page_files/Upload_Data.py")
 
     # ── Search card ──
-    with st.container():
-        st.markdown('<div class="aim-showcase-card-wrap">', unsafe_allow_html=True)
-        if search_card_img:
-            st.image("search_card_img.png", use_container_width=True)
-        st.markdown("""
-        <div class="aim-card-footer">
-            <div class="aim-card-footer-title">Search</div>
-            <div class="aim-card-footer-tag">Data Page</div>
-        </div>
-        </div>
-        """, unsafe_allow_html=True)
+    if search_card_img:
+        st.markdown(
+            '<div class="aim-showcase-card-wrap"><img src="' + search_card_img + '" style="width:100%;max-height:190px;object-fit:cover;display:block;"/>'
+            '<div class="aim-card-footer"><div class="aim-card-footer-title">Search</div>'
+            '<div class="aim-card-footer-tag">Data Page</div></div></div>',
+            unsafe_allow_html=True
+        )
     if st.button("Go to Search →", key="showcase_search_btn"):
         st.switch_page("page_files/Categorized_Search.py")