Added Max 8 for family, added responsive breakpoints for wallet and layout

2023-09-22 15:03:57 +01:00
parent 23ef007bb1
commit ece7bf41d3
8 changed files with 264 additions and 271 deletions
@@ -10,7 +10,7 @@ export default function WalletBox({ wallet, payment }) {
  return (
    <div className="my-wallet-wrapper w-full mb-10">
      <div className="main-wrapper w-full">
-        <div className="balance-inquery w-full lg:grid grid-cols-[repeat(auto-fill,_minmax(415px,_1fr))] gap-5 mb-11 h-[22rem]">
+        <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">
          {loading ? (
            <div className="w-full h-full flex items-center justify-center">
              <LoadingSpinner size="16" color="sky-blue" />