You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
85 lines
2.9 KiB
HTML
85 lines
2.9 KiB
HTML
<nav
|
|
class="flex items-center justify-between border-t border-gray-200 px-4 sm:px-0"
|
|
>
|
|
<div class="-mt-px flex w-0 flex-1">
|
|
<a
|
|
href="#"
|
|
class="inline-flex items-center border-t-2 border-transparent pt-4 pr-1 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700"
|
|
>
|
|
<svg
|
|
viewBox="0 0 20 20"
|
|
fill="currentColor"
|
|
data-slot="icon"
|
|
aria-hidden="true"
|
|
class="mr-3 size-5 text-gray-400"
|
|
>
|
|
<path
|
|
d="M18 10a.75.75 0 0 1-.75.75H4.66l2.1 1.95a.75.75 0 1 1-1.02 1.1l-3.5-3.25a.75.75 0 0 1 0-1.1l3.5-3.25a.75.75 0 1 1 1.02 1.1l-2.1 1.95h12.59A.75.75 0 0 1 18 10Z"
|
|
clip-rule="evenodd"
|
|
fill-rule="evenodd"
|
|
/>
|
|
</svg>
|
|
Previous
|
|
</a>
|
|
</div>
|
|
<div class="hidden md:-mt-px md:flex">
|
|
<a
|
|
href="#"
|
|
class="inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700"
|
|
>1</a
|
|
>
|
|
<!-- Current: "border-indigo-500 text-indigo-600", Default: "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300" -->
|
|
<a
|
|
href="#"
|
|
aria-current="page"
|
|
class="inline-flex items-center border-t-2 border-indigo-500 px-4 pt-4 text-sm font-medium text-indigo-600"
|
|
>2</a
|
|
>
|
|
<a
|
|
href="#"
|
|
class="inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700"
|
|
>3</a
|
|
>
|
|
<span
|
|
class="inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500"
|
|
>...</span
|
|
>
|
|
<a
|
|
href="#"
|
|
class="inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700"
|
|
>8</a
|
|
>
|
|
<a
|
|
href="#"
|
|
class="inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700"
|
|
>9</a
|
|
>
|
|
<a
|
|
href="#"
|
|
class="inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700"
|
|
>10</a
|
|
>
|
|
</div>
|
|
<div class="-mt-px flex w-0 flex-1 justify-end">
|
|
<a
|
|
href="#"
|
|
class="inline-flex items-center border-t-2 border-transparent pt-4 pl-1 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700"
|
|
>
|
|
Next
|
|
<svg
|
|
viewBox="0 0 20 20"
|
|
fill="currentColor"
|
|
data-slot="icon"
|
|
aria-hidden="true"
|
|
class="ml-3 size-5 text-gray-400"
|
|
>
|
|
<path
|
|
d="M2 10a.75.75 0 0 1 .75-.75h12.59l-2.1-1.95a.75.75 0 1 1 1.02-1.1l3.5 3.25a.75.75 0 0 1 0 1.1l-3.5 3.25a.75.75 0 1 1-1.02-1.1l2.1-1.95H2.75A.75.75 0 0 1 2 10Z"
|
|
clip-rule="evenodd"
|
|
fill-rule="evenodd"
|
|
/>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</nav>
|