Gallery

Design a menu editing screen for a restaurant or ordering admin. The main job is to let someone update a menu without losing track of item order, pricing, or availability. Treat the screen as a working list, not a marketing page.

Show the menu title at the top, then a scrollable list of items with the fields that matter most: item name, price, status, and category. Each row should support quick edit, duplicate, delete, and drag-to-reorder. Keep the primary save or publish action visible, but not competing with the list.

Build the key states around real editing behavior: an empty menu, an item being edited inline, a delete confirmation, and a save error that preserves the user’s changes. If you use drag handles or swipe actions, make the affordance obvious and keep the row readable while moving.

The final layout should help someone scan the menu, make several changes in one pass, and commit them with confidence. Prioritize clarity of structure, stable controls, and feedback that confirms what changed.