adjusted table list display

This commit was merged in pull request #15.
This commit is contained in:
victorAnumudu
2024-05-10 18:41:03 +01:00
parent 93f3c0c526
commit e1535de92c
6 changed files with 166 additions and 141 deletions
@@ -57,7 +57,7 @@ export default function RecentBVNList({
},[itemsPerPage])
return (
<div className="w-full">
<div className="w-full d-flex flex-column h-100">
<h1 className={`text-2xl mb-5 font-semibold ${titleClass && titleClass}`}>{tableTitle}</h1>
{data.length > 0 && filterItem && (
@@ -86,7 +86,7 @@ export default function RecentBVNList({
{/* show prev and next button if data exist */}
{(data.length > 0 && data.length > itemsPerPage) && (
<div className="my-2 my-sm-5 w-full d-flex gap-4 justify-content-center align-items-center">
<div className="w-full h-100 d-flex gap-4 justify-content-center align-items-end">
<button
onClick={handlePrev}
className={`text-sm md:text-lg d-flex justify-content-center align-items-center border-1 transition-all duration-300 ${
@@ -57,7 +57,7 @@ export default function RecentLoanAppList({
},[itemsPerPage])
return (
<div className="w-full">
<div className="w-full d-flex flex-column h-100">
<h1 className={`text-2xl mb-5 font-semibold ${titleClass && titleClass}`}>{tableTitle}</h1>
{data.length > 0 && filterItem && (
@@ -86,7 +86,7 @@ export default function RecentLoanAppList({
{/* show prev and next button if data exist */}
{(data.length > 0 && data.length > itemsPerPage) && (
<div className="my-2 my-sm-5 w-full d-flex gap-4 justify-content-center align-items-center">
<div className="w-full h-100 d-flex gap-4 justify-content-center align-items-end">
<button
onClick={handlePrev}
className={`text-sm md:text-lg d-flex justify-content-center align-items-center border-1 transition-all duration-300 ${