parsa/parsaaghayi-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pagination got responsive

Browse Source
This commit is contained in:
parsa aghaei 2024-10-14 15:10:22 +03:30
parent fe6344ece5
commit f7e8b042ec
1 changed files with 48 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/app/(routes)/blog/components/pagination/pagination.tsx
View File

@ -86,7 +86,11 @@ const Pagination: React.FC<PaginationProps> = ({ meta }) => {
};
return (
<div className="mt-4 flex items-center justify-center gap-2">
<div className="mt-4 flex flex-wrap items-center justify-center gap-2">
{/* Page Numbers */}
<div className="flex gap-2">{renderPageNumbers()}</div>
<div className="flex gap-2">
{/* First Page */}
{current_page > 1 && (
<Link
@ -108,10 +112,9 @@ const Pagination: React.FC<PaginationProps> = ({ meta }) => {
{"<"}
</Link>
)}
</div>
{/* Page Numbers */}
{renderPageNumbers()}
<div className="flex gap-2">
{/* Next Page */}
{current_page < last_page && (
<Link
@ -134,6 +137,7 @@ const Pagination: React.FC<PaginationProps> = ({ meta }) => {
</Link>
)}
</div>
</div>
);
};