commit blackbox

app.py

@@ -739,21 +739,14 @@ def handle_voice_search(vf_path, a, offset, gender_ui):
 
 custom_css = """
 /* === Background Styling === */
-# html, body {
-#     margin: 0;
-#     padding: 0;
-#     height: 100%;
-#     # overflow: hidden;
-#     overflow: auto;
-# }
 html, body {
     margin: 0;
     padding: 0;
     height: 100%;
-    overflow-y: auto; /* Allow vertical scrolling for the entire page */
-    /* Remove any `overflow: hidden;` from here if it's uncommented */
+    overflow: auto;
 }
 
+
 # #app-bg {
 #     min-height: 100vh;
 #     display: flex;
@@ -765,22 +758,19 @@ html, body {
 #     overflow-y: auto;
 #     padding: 24px;
 # }
+
 #app-bg {
-    min-height: 100vh;
+    height: auto; /* Allow height to grow with content */
     display: flex;
-    justify-content: center;
-    align-items: flex-start;
+    flex-direction: column; /* Ensure content stacks vertically */
+    justify-content: flex-start; /* Align items to the start */
     background: radial-gradient(circle at center, #C2C5EF 0%, #E0E2F5 100%) !important;
-    background-attachment: fixed;
     position: relative;
-    /* Keep overflow-y: auto here if you want a scrollbar specifically for the background if its content *itself* overflows,
-       but it might be redundant if main-container handles its own scrolling.
-       For this specific problem, it's less critical than main-container. */
-    overflow-y: auto; /* Or remove if main-container handles it completely */
     padding: 24px;
 }
 
 
+
 /* === Main Content Container === */
 # #main-container {
 #     width: 95%;
@@ -808,11 +798,10 @@ html, body {
     border: 2px solid black;
     position: relative;
     z-index: 1;
-    overflow-y: auto; /* THIS IS THE MOST IMPORTANT CHANGE for this element */
-    /* You might also want to set a max-height on main-container if you want its scrollbar to appear
-       before the entire page scrolls. Example: max-height: 80vh; */
+    overflow: visible; /* Allow overflow to be visible */
 }
 
+
 /* === Card Containers === */
 .gr-box, .gr-block, .gr-column, .gr-row, .gr-tab {
     background-color: #C2C5EF !important;