commit43

app.py

@@ -739,12 +739,18 @@ 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: hidden;
-    overflow: auto;
+    overflow: hidden; /* prevent global scroll */
 }
 
 # #app-bg {
@@ -759,31 +765,53 @@ html, body {
 #     padding: 24px;
 # }
 
+# #app-bg {
+#     display: block;
+#     min-height: 100vh;
+#     background: radial-gradient(circle at center, #C2C5EF 0%, #E0E2F5 100%) !important;
+#     background-attachment: fixed;
+#     position: relative;
+#     overflow-y: auto;
+#     padding: 24px;
+# }no difference
+
 #app-bg {
-    display: block;
-    min-height: 100vh;
+    height: 100vh;
+    width: 100vw;
     background: radial-gradient(circle at center, #C2C5EF 0%, #E0E2F5 100%) !important;
-    background-attachment: fixed;
-    position: relative;
-    overflow-y: auto;
-    padding: 24px;
+    display: block;
+    overflow: hidden;
+    padding: 0;
 }
 
-
 /* === Main Content Container === */
+# #main-container {
+#     width: 95%;
+#     max-width: 1100px;
+#     margin: 20px auto;
+#     padding: 24px;
+#     background: #ffffff;
+#     border-radius: 18px;
+#     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
+#     # border: 2px solid #C2C5EF;
+#     border: 2px solid black;
+#     position: relative;
+#     z-index: 1;
+#     overflow: visible;
+# }
 #main-container {
+    height: 100%;
+    overflow-y: auto;
+    padding: 24px;
     width: 95%;
     max-width: 1100px;
-    margin: 20px auto;
-    padding: 24px;
+    margin: 0 auto;
     background: #ffffff;
     border-radius: 18px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
-    # border: 2px solid #C2C5EF;
     border: 2px solid black;
+    box-sizing: border-box;
     position: relative;
-    z-index: 1;
-    overflow: visible;
 }
 
 /* === Card Containers === */