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; min-height:100vh; padding-bottom: 20px; box-sizing: border-box;'>"
     for dish in menu_data:
         if category == "ALL" or dish["category"] == category:
             html_content += f"""
@@ -171,7 +171,7 @@ def display_dishes(category):
     return html_content
 
 # Main Gradio App
-with gr.Blocks() as demo:
+with gr.Blocks (css="#dish-container {min-height: 100vh; overflow-y: auto;}")  as demo:
     gr.HTML(popup_html)  # Add the popup container and overlay
     gr.HTML(popup_js)    # Add the JavaScript