fix pagination ui (#1650)

Power-Components · Aug 20, 2024 · 38efc2b · 38efc2b
1 parent dea3a21
commit 38efc2b
Showing 1 changed file with 23 additions and 23 deletions.
diff --git a/resources/views/components/frameworks/tailwind/pagination.blade.php b/resources/views/components/frameworks/tailwind/pagination.blade.php
@@ -117,29 +117,29 @@ class="select-none cursor-pointer relative inline-flex items-center px-3 py-2 -m
                     @endforeach
 
                     @if ($paginator->hasMorePages())
-                        <div>
-                            @if ($paginator->lastPage() - $paginator->currentPage() >= 2)
-                                <a
-                                    class="select-none cursor-pointer relative inline-flex items-center px-2 py-2 text-sm font-medium text-pg-primary-500 dark:text-pg-primary-300 bg-white dark:bg-pg-primary-600 border border-pg-primary-300 dark:border-transparent leading-5 hover:text-pg-primary-400 focus:z-10 focus:outline-none focus:shadow-outline-blue active:bg-pg-primary-100 active:text-pg-primary-500 transition ease-in-out duration-150"
-                                    wire:click="nextPage('{{ $paginator->getPageName() }}')"
-                                    rel="next"
-                                >
-                                    <svg
-                                        fill="none"
-                                        viewBox="0 0 24 24"
-                                        stroke-width="1.5"
-                                        stroke="currentColor"
-                                        class="w-5 h-5"
-                                    >
-                                        <path
-                                            stroke-linecap="round"
-                                            stroke-linejoin="round"
-                                            d="m8.25 4.5 7.5 7.5-7.5 7.5"
-                                        />
-                                    </svg>
-                                </a>
-                            @endif
-                        <div>     
+                        <a
+                            @class([
+                                'block' => $paginator->lastPage() - $paginator->currentPage() >= 2,
+                                'hidden' => $paginator->lastPage() - $paginator->currentPage() < 2,
+                                'select-none cursor-pointer relative inline-flex items-center px-2 py-2 text-sm font-medium text-pg-primary-500 dark:text-pg-primary-300 bg-white dark:bg-pg-primary-600 border border-pg-primary-300 dark:border-transparent leading-5 hover:text-pg-primary-400 focus:z-10 focus:outline-none focus:shadow-outline-blue active:bg-pg-primary-100 active:text-pg-primary-500 transition ease-in-out duration-150'
+                            ])
+                            wire:click="nextPage('{{ $paginator->getPageName() }}')"
+                            rel="next"
+                        >
+                            <svg
+                                fill="none"
+                                viewBox="0 0 24 24"
+                                stroke-width="1.5"
+                                stroke="currentColor"
+                                class="w-5 h-5"
+                            >
+                                <path
+                                    stroke-linecap="round"
+                                    stroke-linejoin="round"
+                                    d="m8.25 4.5 7.5 7.5-7.5 7.5"
+                                />
+                            </svg>
+                        </a>
                         <a
                             class="select-none cursor-pointer cursor-pointer relative inline-flex items-center px-2 py-2 text-sm font-medium text-pg-primary-500 dark:text-pg-primary-300 bg-white dark:bg-pg-primary-600 border border-pg-primary-300 dark:border-transparent rounded-r-md leading-5 hover:text-pg-primary-400 focus:z-10 focus:outline-none focus:shadow-outline-blue active:bg-pg-primary-100 active:text-pg-primary-500 transition ease-in-out duration-150"
                             wire:click="gotoPage({{ $paginator->lastPage() }}, '{{ $paginator->getPageName() }}')"