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

layout margin centralized

Browse Source
This commit was merged in pull request #704.
This commit is contained in:
victorAnumudu
2024-04-08 18:14:45 +01:00
parent 4014a84e1a
commit 3f17920bd0
4 changed files with 13 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/MyWallet/WalletBox.jsx
+2 -2
View File
@@ -15,14 +15,14 @@ export default function WalletBox({ wallet, payment, countries }) {
return (
<div className="my-wallet-wrapper w-full mb-10">
<div className="main-wrapper w-full">
<div className="balance-inquery w-auto grid sm:grid-cols-2 lg:grid-cols-2 xl:grid-cols-[repeat(auto-fill,_minmax(354px,_1fr))] min-[1440px]:grid-cols-[repeat(auto-fill,_minmax(415px,_1fr))] gap-5 mb-11 h-auto">
<div className="balance-inquery w-auto grid md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-[repeat(auto-fill,_minmax(354px,_1fr))] min-[1440px]:grid-cols-[repeat(auto-fill,_minmax(415px,_1fr))] gap-5 mb-11 h-auto">
{loading ? (
<div className="w-full h-full flex items-center justify-center">
<LoadingSpinner size="16" color="sky-blue" />
</div>
) : (
data.length > 0 && data.map((item) => (
<div key={item.wallet_uid} className="max-w-[450px] w-full h-full mb-10 lg:mb-0">
<div key={item.wallet_uid} className="w-full md:max-w-[450px] h-full mb-10 lg:mb-0">
<WalletItemCard walletItem={item} payment={payment} countries={countries} />
</div>
))