Update app.py

app.py

@@ -285,9 +285,8 @@ button {
     }
 </script>
 """
-
 def app():
-    with gr.Blocks() as demo:
+    with gr.Blocks(css=".gradio-column { position: absolute; top: 0; width: 100%; }") as demo:
         # Login Page
         with gr.Column(visible=True) as login_section:
             gr.Markdown("# Login Page")
@@ -326,7 +325,6 @@ def app():
             # Button to navigate to Cart Page
             view_cart_button = gr.Button("View Cart")
             empty_div = gr.HTML('<div style="height: 300px;"></div>')
-
             # Modal window
             modal_window = gr.HTML("""
                 <div id="modal" style="display: none; position: fixed; background: white; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); padding: 20px; z-index: 1000;">
@@ -367,7 +365,7 @@ def app():
             gr.Row(modal_window)
             gr.HTML(modal_and_cart_js)
 
-         # Cart & Final Order Page
+        # Cart & Final Order Page
         with gr.Column(visible=False) as cart_section:
             gr.Markdown("### Cart & Final Order Page")
 
@@ -381,14 +379,7 @@ def app():
             back_to_menu_button = gr.Button("Back to Menu")
 
             gr.Row(cart_output)
-        # JavaScript to Scroll to Top on Page Change
-        gr.HTML("""
-            <script>
-                function scrollToTop() {
-                    window.scrollTo({ top: 0, behavior: 'smooth' });
-                }
-            </script>
-        """)
+            gr.Row(final_order_output)
 
         # Button Bindings
         # Login Button
@@ -413,28 +404,11 @@ def app():
             lambda: (gr.update(visible=True), gr.update(visible=False)),
             outputs=[login_section, signup_section],
         )
-        # Navigate to Cart Page and Scroll to Top
+        # Navigate to Cart Page
         view_cart_button.click(
             lambda: (gr.update(visible=False), gr.update(visible=True)),
             outputs=[menu_section, cart_section],
         )
-
-        # JavaScript to Trigger Scroll-to-Top for Cart Page
-        gr.HTML("""
-            <script>
-                document.addEventListener("DOMContentLoaded", function() {
-                    const viewCartButton = document.querySelector('button:contains("View Cart")');
-                    if (viewCartButton) {
-                        viewCartButton.addEventListener("click", function() {
-                            setTimeout(() => {
-                                window.scrollTo({ top: 0, behavior: 'smooth' });
-                            }, 100); // Delay to ensure Cart Page loads
-                        });
-                    }
-                });
-            </script>
-        """)
-
         # Navigate Back to Menu Page
         back_to_menu_button.click(
             lambda: (gr.update(visible=True), gr.update(visible=False)),