Update app.py

app.py

@@ -285,6 +285,7 @@ button {
     }
 </script>
 """
+
 def app():
     with gr.Blocks() as demo:
         # Login Page
@@ -320,7 +321,11 @@ def app():
             menu_output = gr.HTML(value=filter_menu("All"))
 
             # Button to open cart modal
-            view_cart_button = gr.Button("View Cart")
+            view_cart_button = gr.HTML(
+                """
+                <button id="view-cart-button" style="background-color: #007bff; color: white; border: none; padding: 10px 20px; font-size: 14px; border-radius: 5px; cursor: pointer;">View Cart</button>
+                """
+            )
 
             # Original Modal window for items
             modal_window = gr.HTML("""
@@ -439,11 +444,6 @@ def app():
             outputs=[login_section, signup_section],
         )
 
-        view_cart_button.click(
-            lambda: (gr.update(visible=False), gr.update(visible=True)),
-            outputs=[menu_section, cart_section],
-        )
-
         back_to_menu_button.click(
             lambda: (gr.update(visible=True), gr.update(visible=False)),
             outputs=[menu_section, cart_section],
@@ -453,3 +453,6 @@ def app():
 
 if __name__ == "__main__":
     app().launch()
+
+            
+