From b09d73736bd99e5666e3fe63dc21074803407b6e Mon Sep 17 00:00:00 2001
From: Amir Raminfar <findamir@gmail.com>
Date: Sat, 15 Nov 2025 10:46:34 -0800
Subject: [PATCH] feat: adds a dropdown when pages exceed 10 (#4242)

---
 assets/components/ContainerTable.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/assets/components/ContainerTable.vue b/assets/components/ContainerTable.vue
index 19ab11c9..d6110877 100644
--- a/assets/components/ContainerTable.vue
+++ b/assets/components/ContainerTable.vue
@@ -104,7 +104,7 @@
       </table>
     </div>
     <div class="p-4 text-center">
-      <nav class="join" v-if="isPaginated">
+      <nav class="join" v-if="isPaginated && totalPages <= 15">
         <input
           class="btn btn-square join-item"
           type="radio"
@@ -114,6 +114,12 @@
           v-for="i in totalPages"
         />
       </nav>
+      <DropdownMenu
+        v-else-if="isPaginated"
+        class="btn-sm"
+        v-model="currentPage"
+        :options="Array.from({ length: totalPages }, (_, i) => ({ label: `${i + 1}`, value: i + 1 }))"
+      />
     </div>
   </div>
 </template>