Update app.py

app.py

@@ -286,14 +286,15 @@ button {
 </script>
 """
 def app():
-    with gr.Blocks(css="""
-        .gradio-column {
-            min-height: 100vh; /* Ensure each section takes up at least the full viewport height */
-            display: flex;
-            flex-direction: column;
-            justify-content: flex-start; /* Align content to the top */
-        }
-    """) as demo:
+    with gr.Blocks() as demo:
+        gr.HTML("""
+            <script>
+                function scrollToTop() {
+                    window.scrollTo(0, 0); // Reset the scroll position to the top of the page
+                }
+            </script>
+        """)
+
         # Login Page
         with gr.Column(visible=True) as login_section:
             gr.Markdown("# Login Page")
@@ -416,6 +417,20 @@ def app():
             lambda: (gr.update(visible=False), gr.update(visible=True)),
             outputs=[menu_section, cart_section],
         )
+        # Inject Scroll-to-Top Trigger
+        gr.HTML("""
+            <script>
+                // Listen for view cart button click and reset scroll position
+                const viewCartButton = document.querySelector('button:contains("View Cart")');
+                if (viewCartButton) {
+                    viewCartButton.addEventListener("click", () => {
+                        setTimeout(() => {
+                            scrollToTop(); // Reset scroll position when transitioning to Cart Page
+                        }, 100); // Ensure transition happens before scrolling
+                    });
+                }
+            </script>
+        """)
         # Navigate Back to Menu Page
         back_to_menu_button.click(
             lambda: (gr.update(visible=True), gr.update(visible=False)),