Update app.py

app.py

@@ -148,7 +148,7 @@ popup_html = """
 
 # Generate dish cards
 def display_dishes(category):
-    html_content = "<div style='display: flex; flex-direction: column; gap: 20px; min-height:100vh; overflow: hidden; width: 80%; box-sizing: border-box;  margin: 0;'>"
+    html_content = "<div style='display: flex; flex-direction: column; gap: 20px; width: 80%; margin: 0 auto;'>"
     for dish in menu_data:
         if category == "ALL" or dish["category"] == category:
             html_content += f"""
@@ -177,20 +177,27 @@ with gr.Blocks() as demo:
 
     gr.HTML("<h1 style='text-align: center;'>🍛 Biryani Hub Menu 🍛</h1>")
 
-    category_selector = gr.Radio(
-        ["ALL", "VEGAN", "HALAL"], 
-        label="Select Category", 
-        value="ALL"
-    )
+    # Buttons for filtering categories
+    with gr.Row():
+        btn_all = gr.Button("ALL")
+        btn_vegan = gr.Button("VEGAN")
+        btn_halal = gr.Button("HALAL")
 
     # Dish display
     dish_display = gr.HTML(value=display_dishes("ALL"))
 
-    # Radio button change event
-    category_selector.change(
-        lambda category: gr.update(value=display_dishes(category)),
-        inputs=category_selector,
+    # Button click events
+    btn_all.click(
+        lambda: gr.update(value=display_dishes("ALL")),
+        outputs=dish_display
+    )
+    btn_vegan.click(
+        lambda: gr.update(value=display_dishes("VEGAN")),
+        outputs=dish_display
+    )
+    btn_halal.click(
+        lambda: gr.update(value=display_dishes("HALAL")),
         outputs=dish_display
     )
 
-demo.launch()
+demo.launch()