From fada8fccb1ebd436c003442ff719ea5d095e3949 Mon Sep 17 00:00:00 2001
From: KiwiHour <matthew.teabear.basford@gmail.com>
Date: Mon, 12 Jan 2026 00:07:34 +0000
Subject: [PATCH] made order-by menu scrollable

---
 components/modals/OrderModal.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/modals/OrderModal.vue b/components/modals/OrderModal.vue
index e899959e..495c5db5 100644
--- a/components/modals/OrderModal.vue
+++ b/components/modals/OrderModal.vue
@@ -1,7 +1,7 @@
 <template>
   <modals-modal v-model="show" width="90%">
     <div class="w-full h-full bg-primary rounded-lg border border-fg/20">
-      <ul class="w-full rounded-lg text-base" role="listbox" aria-labelledby="listbox-label">
+      <ul class="w-full rounded-lg text-base max-h-[70vh] overflow-y-auto overscroll-contain" role="listbox" aria-labelledby="listbox-label">
         <template v-for="item in items">
           <li :key="item.value" class="text-fg select-none relative py-4 pr-9 cursor-pointer" :class="item.value === selected ? 'bg-bg bg-opacity-50' : ''" role="option" @click="clickedOption(item.value)">
             <div class="flex items-center">