sidebar fixed

pages/Semantic_Search.py

@@ -51,19 +51,23 @@ st.markdown("""
         """, unsafe_allow_html=True)
 st.markdown("""
     <style>
-    section[data-testid="stSidebar"] {
+    /* Fix the actual sidebar content container */
+    div[data-testid="stSidebarContent"] {
         position: fixed;
         top: 0;
         left: 0;
         height: 100vh;
+        width: 21rem;  /* match your current sidebar width */
         overflow-y: auto;
         z-index: 100;
         background-color: #0e1117;
         border-right: 1px solid #333;
+        padding-top: 1rem;
     }
 
-    div[data-testid="stAppViewContainer"] > div:first-child {
-        margin-left: 320px;  /* Adjust to match your sidebar width */
+    /* Prevent main app content from being covered by fixed sidebar */
+    div[data-testid="stAppViewContainer"] > div:nth-child(1) {
+        margin-left: 21rem;  /* same width as the fixed sidebar */
     }
     </style>
 """, unsafe_allow_html=True)