From 3015e47d833a4fc7ece7c90b22c0eab7d39e1741 Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Thu, 30 Jan 2025 02:41:18 +0330
Subject: [PATCH] Update ui

---
 frontend/components/global/Pagination.vue | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/frontend/components/global/Pagination.vue b/frontend/components/global/Pagination.vue
index 4ec5fb9..4a29a83 100644
--- a/frontend/components/global/Pagination.vue
+++ b/frontend/components/global/Pagination.vue
@@ -38,23 +38,23 @@ watch(
         show-edges
         v-model:page="page"
     >
-        <PaginationList v-slot="{ items }" class="flex items-center gap-1">
+        <PaginationList v-slot="{ items }" class="flex items-center gap-2">
             <PaginationLast
-                class="w-9 h-9 flex items-center justify-center bg-transparent cursor-pointer hover:bg-stone-700/20 transition disabled:opacity-50 disabled:cursor-not-allowed rounded-lg"
+                class="px-2 h-9 font-light whitespace-nowrap flex items-center justify-center bg-transparent cursor-pointer transition disabled:opacity-50 disabled:cursor-not-allowed rounded-lg"
             >
-                <Icon name="bi:chevron-double-right" class="**:stroke-black" />
+                برو آخر
             </PaginationLast>
             <PaginationNext
-                class="w-9 h-9 ml-4 flex items-center justify-center cursor-pointer hover:bg-stone-700/20 transition disabled:opacity-50 disabled:cursor-not-allowed rounded-lg"
+                class="w-9 h-9 ml-4 flex items-center justify-center cursor-pointer hover:bg-slate-100 transition disabled:opacity-50 disabled:cursor-not-allowed rounded-lg"
             >
-                <Icon name="bi:chevron-right" class="**:stroke-black" />
+                <Icon name="ci:chevron-right" class="**:fill-back" size="18px" />
             </PaginationNext>
 
             <template v-for="(page, index) in items">
                 <PaginationListItem
                     v-if="page.type === 'page'"
                     :key="index"
-                    class="w-9 h-9 border border-stone-800 rounded-lg data-[selected]:!bg-black data-[selected]:text-white data-[selected]:shadow-sm hover:bg-stone-700/20 transition"
+                    class="w-9 h-9 cursor-pointer bg-slate-100 rounded-lg data-[selected]:!bg-black data-[selected]:text-white data-[selected]:shadow-sm hover:bg-slate-200 transition"
                     :value="page.value"
                 >
                     {{ page.value }}
@@ -63,21 +63,21 @@ watch(
                     v-else
                     :key="page.type"
                     :index="index"
-                    class="w-9 h-9 flex items-center justify-center"
+                    class="w-9 h-9 select-none flex items-center justify-center"
                 >
                     &#8230;
                 </PaginationEllipsis>
             </template>
 
             <PaginationPrev
-                class="w-9 h-9 flex items-center justify-center bg-transparent cursor-pointer hover:bg-stone-700/20 transition mr-4 disabled:opacity-50 disabled:cursor-not-allowed rounded-lg"
+                class="w-9 h-9 flex items-center justify-center bg-transparent cursor-pointer hover:bg-slate-100 transition mr-4 disabled:opacity-50 disabled:cursor-not-allowed rounded-lg"
             >
-                <Icon name="bi:chevron-left" class="**:stroke-black" />
+                <Icon name="ci:chevron-left" class="**:fill-back" size="18px" />
             </PaginationPrev>
             <PaginationFirst
-                class="w-9 h-9 flex items-center justify-center bg-transparent cursor-pointer hover:bg-stone-700/20 transition disabled:opacity-50 disabled:cursor-not-allowed rounded-lg"
+                class="px-2 h-9 font-light flex items-center whitespace-nowrap justify-center bg-transparent cursor-pointer transition disabled:opacity-50 disabled:cursor-not-allowed rounded-lg"
             >
-                <Icon name="bi:chevron-double-left" class="**:stroke-black" />
+                برو اول
             </PaginationFirst>
         </PaginationList>
     </PaginationRoot>