chatgpt

app.py

@@ -739,14 +739,20 @@ def handle_voice_search(vf_path, a, offset, gender_ui):
 
 custom_css = """
 /* === Background Styling === */
+# html, body {
+#     margin: 0;
+#     padding: 0;
+#     height: 100%;
+#     overflow: auto;
+# }
 html, body {
-    margin: 0;
-    padding: 0;
-    height: 100%;
-    overflow: auto;
+    height: auto;
+    min-height: 100%;
+    overflow-x: hidden;
 }
 
 
+
 # #app-bg {
 #     min-height: 100vh;
 #     display: flex;
@@ -758,19 +764,16 @@ html, body {
 #     overflow-y: auto;
 #     padding: 24px;
 # }
-
 #app-bg {
-    height: auto; /* Allow height to grow with content */
-    display: flex;
-    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;
-    position: relative;
+    background-attachment: fixed;
     padding: 24px;
+    width: 100%;
 }
 
 
 
+
 /* === Main Content Container === */
 # #main-container {
 #     width: 95%;
@@ -795,13 +798,13 @@ html, body {
     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; /* Allow overflow to be visible */
+    
 }
 
 
+
 /* === Card Containers === */
 .gr-box, .gr-block, .gr-column, .gr-row, .gr-tab {
     background-color: #C2C5EF !important;