Update page_files/Home.py
Browse files- page_files/Home.py +30 -1
page_files/Home.py
CHANGED
|
@@ -575,10 +575,39 @@ def _build_showcase_html(extract_b64, search_b64):
|
|
| 575 |
"</body></html>"
|
| 576 |
)
|
| 577 |
|
| 578 |
-
components.html(_build_showcase_html(extract_card_img, search_card_img), height=480, scrolling=False)
|
| 579 |
|
|
|
|
| 580 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 581 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 582 |
|
| 583 |
|
| 584 |
|
|
|
|
| 575 |
"</body></html>"
|
| 576 |
)
|
| 577 |
|
|
|
|
| 578 |
|
| 579 |
+
components.html(_build_showcase_html(extract_card_img, search_card_img), height=480, scrolling=False)
|
| 580 |
|
| 581 |
+
# Navigation buttons below cards
|
| 582 |
+
_col_gap, _col1, _col2 = st.columns([1, 1.3, 1.3])
|
| 583 |
+
with _col1:
|
| 584 |
+
if st.button("Open Extract Data →", key="_nav_upload", use_container_width=True):
|
| 585 |
+
st.switch_page("page_files/Upload_Data.py")
|
| 586 |
+
with _col2:
|
| 587 |
+
if st.button("Open Search →", key="_nav_search", use_container_width=True):
|
| 588 |
+
st.switch_page("page_files/Categorized_Search.py")
|
| 589 |
|
| 590 |
+
st.markdown("""
|
| 591 |
+
<style>
|
| 592 |
+
.st-key-_nav_upload button, .st-key-_nav_search button {
|
| 593 |
+
background: #0f1f1a !important;
|
| 594 |
+
color: #8ACAFF !important;
|
| 595 |
+
border: 1.5px solid #1e3a30 !important;
|
| 596 |
+
border-radius: 10px !important;
|
| 597 |
+
font-family: 'DM Sans', sans-serif !important;
|
| 598 |
+
font-weight: 600 !important;
|
| 599 |
+
font-size: 0.88rem !important;
|
| 600 |
+
height: 44px !important;
|
| 601 |
+
box-shadow: none !important;
|
| 602 |
+
margin-bottom: 32px !important;
|
| 603 |
+
}
|
| 604 |
+
.st-key-_nav_upload button:hover, .st-key-_nav_search button:hover {
|
| 605 |
+
background: #1e3a30 !important;
|
| 606 |
+
border-color: #8ACAFF !important;
|
| 607 |
+
color: #8ACAFF !important;
|
| 608 |
+
}
|
| 609 |
+
</style>
|
| 610 |
+
""", unsafe_allow_html=True)
|
| 611 |
|
| 612 |
|
| 613 |
|