Update app.py

app.py

@@ -1,4 +1,3 @@
-
 import gradio as gr
 
 menu_data = [
@@ -149,9 +148,9 @@ popup_html = """
 
 # Generate dish cards
 def display_dishes(category):
-    html_content = "<div style='display: flex; flex-direction: column; gap: 20px; padding-bottom: 20px; box-sizing: border-box;'>"
+    html_content = "<div style='display: flex; flex-direction: column; gap: 20px; min-height:100vh; overflow: hidden; width: 80%; box-sizing: border-box;  margin: 0;'>"
     for dish in menu_data:
-        if category == "ALL" or category == dish["category"]:
+        if category == "ALL" or dish["category"] == category:
             html_content += f"""
             <div style='display: flex; align-items: center; justify-content: space-between; padding: 20px; border: 1px solid #ddd; border-radius: 10px; background-color: #f9f9f9;'>
                 <div style='flex: 3; text-align: left;'>
@@ -170,7 +169,7 @@ def display_dishes(category):
             """
     html_content += "</div>"
     return html_content
-    
+
 # Main Gradio App
 with gr.Blocks() as demo:
     gr.HTML(popup_html)  # Add the popup container and overlay
@@ -194,4 +193,4 @@ with gr.Blocks() as demo:
         outputs=dish_display
     )
 
-demo.launch() 
+demo.launch()