WrenchBoard/Users-Wrench
3
0
Fork 0
Code Issues Pull Requests Releases Activity

Merge branch 'wallet-size' of WrenchBoard/Users-Wrench into master

Browse Source
This commit is contained in:
Olusesan Ameye
2023-07-13 12:45:17 +00:00
committed by Gogs
parent c24013eefd 234f04ca8f
commit b201224fd6
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/MyWallet/WalletBox.jsx
+2 -2
View File
@@ -10,14 +10,14 @@ export default function WalletBox({ wallet, coupon, payment }) {
<> <>
<div className="my-wallet-wrapper w-full mb-10"> <div className="my-wallet-wrapper w-full mb-10">
<div className="main-wrapper w-full"> <div className="main-wrapper w-full">
<div className="balance-inquery w-full lg:flex lg:space-x-11 mb-11"> <div className="balance-inquery w-full grid md:grid-cols-2 gap-5">
{wallet.loading ? ( {wallet.loading ? (
<div className="w-full h-full flex items-center justify-center"> <div className="w-full h-full flex items-center justify-center">
<LoadingSpinner size="16" color="sky-blue" /> <LoadingSpinner size="16" color="sky-blue" />
</div> </div>
) : wallet.data.length ? ( ) : wallet.data.length ? (
wallet.data.map((item, index) => ( wallet.data.map((item, index) => (
<div className="lg:w-1/2 h-full mb-10 lg:mb-0"> <div className="w-full h-full flex justify-center">
<WalletItemCard walletItem={item} payment={payment} /> <WalletItemCard walletItem={item} payment={payment} />
</div> </div>
)) ))
src/components/MyWallet/WalletItemCard.jsx
+4 -4
View File
@@ -36,16 +36,16 @@ export default function WalletItemCard({ walletItem, payment }) {
return ( return (
<> <>
<div <div
className={`current-balance-widget w-full h-full rounded-2xl overflow-hidden flex flex-col gap-2 px-8 py-9`} className={`current-balance-widget w-[350px] h-full rounded-2xl overflow-hidden flex flex-col gap-2 px-8 pt-9 pb-20`}
style={{ style={{
background: `url(${background}) 0% 0% / cover no-repeat`, background: `url(${background}) 0% 0% / cover no-repeat`,
}} }}
> >
<div className="wallet xxs:flex justify-around items-start gap-3"> <div className="wallet xxs:flex justify-between items-start gap-3">
<div className="min-w-[100px] min-h-[100px] max-w-[100px] max-h-[100px] rounded-full bg-[#e3e3e3] flex justify-center items-center"> <div className="min-w-[100px] min-h-[100px] max-w-[100px] max-h-[100px] rounded-full bg-[#e3e3e3] flex justify-center items-center">
<img src={localImgLoad(`images/currency/${image}`)} className="w-full h-full" alt="curreny-icon" /> <img src={localImgLoad(`images/currency/${image}`)} className="w-full h-full" alt="curreny-icon" />
</div> </div>
<div className="balance w-full"> <div className="balance mt-2">
<p className="text-lg text-white opacity-[70%] tracking-wide mb-6"> <p className="text-lg text-white opacity-[70%] tracking-wide mb-6">
Current Balance Current Balance
</p> </p>
@@ -57,7 +57,7 @@ export default function WalletItemCard({ walletItem, payment }) {
"text-[2rem]" "text-[2rem]"
)} )}
</p> </p>
<p className="xxs:-ml-5 mt-10 text-lg text-white tracking-wide flex justify-start items-center gap-2"> <p className="xxs:-ml-5 mt-10 mb-5 text-lg text-white tracking-wide flex justify-start items-center gap-2">
HOLDINGS :{" "} HOLDINGS :{" "}
<span className="mt-1"> <span className="mt-1">
{PriceFormatter( {PriceFormatter(