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

src/components/MyWallet/WalletBox.jsx

@@ -10,14 +10,14 @@ export default function WalletBox({ wallet, coupon, payment }) {
     <>
       <div className="my-wallet-wrapper w-full mb-10">
         <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 ? (
               <div className="w-full h-full flex items-center justify-center">
                 <LoadingSpinner size="16" color="sky-blue" />
               </div>
             ) : wallet.data.length ? (
               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} />
                 </div>
               ))

src/components/MyWallet/WalletItemCard.jsx

@@ -36,16 +36,16 @@ export default function WalletItemCard({ walletItem, payment }) {
   return (
     <>
       <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={{
           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">
             <img src={localImgLoad(`images/currency/${image}`)} className="w-full h-full" alt="curreny-icon" />
           </div>
-          <div className="balance w-full">
+          <div className="balance mt-2">
             <p className="text-lg text-white opacity-[70%] tracking-wide mb-6">
               Current Balance
             </p>
@@ -57,7 +57,7 @@ export default function WalletItemCard({ walletItem, payment }) {
                 "text-[2rem]"
               )}
             </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 :{" "}
               <span className="mt-1">
                 {PriceFormatter(