fix(wallet): update styling for total debit/credit display in wallet transactions table
All checks were successful
Build and Push Docker Images / Build and Push Docker Images (push) Successful in 6m56s

This commit is contained in:
2025-07-26 18:56:28 +05:00
parent e9af120c7b
commit 3943c0d6c8
2 changed files with 3 additions and 4 deletions

View File

@ -19,7 +19,7 @@ This is a web portal for SAR Link customers.
### Parental Control ### Parental Control
- [x] Fix block device feature - [x] Fix block device feature
- [x] Add all the filters for parental control table (mobile responsive) - [x] Add all the filters for parental control table (mobile responsive)
- [ ] Disable blocking if payment is pending or omit from the table if device payment is pending - [x] Disable blocking if payment is pending or omit from the table if device payment is pending
### Agreements ### Agreements
- [x] Implement file upload for admin side - [x] Implement file upload for admin side
@ -43,4 +43,3 @@ This is a web portal for SAR Link customers.
### User Payments ### User Payments
- [x] Show user payments table - [x] Show user payments table
- [x] Add relevant filters for user payments table - [x] Add relevant filters for user payments table
- [ ] Add computation of total value for filtered results

View File

@ -70,13 +70,13 @@ export async function WalletTransactionsTable({
) : ( ) : (
<div> <div>
<div className="flex gap-4 mb-4 w-full"> <div className="flex gap-4 mb-4 w-full">
<div className="bg-green-400 w-full sm:w-fit dark:bg-green-950 dark:text-green-400 text-gray-500 p-2 px-4 rounded-md mb-2"> <div className="bg-red-400 w-full sm:w-fit dark:bg-red-950 dark:text-red-400 text-red-900 p-2 px-4 rounded-md mb-2">
<h5 className="text-lg font-semibold"> <h5 className="text-lg font-semibold">
Total Debit Total Debit
</h5> </h5>
<p>{totalDebit.toFixed(2)} MVR</p> <p>{totalDebit.toFixed(2)} MVR</p>
</div> </div>
<div className="bg-red-400 w-full sm:w-fit dark:bg-red-950 dark:text-red-400 text-white p-2 px-4 rounded-md mb-2"> <div className="bg-green-400 w-full sm:w-fit dark:bg-green-950 dark:text-green-400 text-green-900 p-2 px-4 rounded-md mb-2">
<h5 className="text-lg font-semibold"> <h5 className="text-lg font-semibold">
Total Credit Total Credit
</h5> </h5>