From 639efaedd5f75431061fb1c587d8582656f2ebcb Mon Sep 17 00:00:00 2001 From: Jiku Godwill Nsanwi Date: Sun, 29 Sep 2024 16:17:10 +0100 Subject: [PATCH] Refactor Mintbase: Update responsive styles for StoreCard and MbButton components --- apps/Mintbase/widget/Mintbase/App/Tokens/Minted.jsx | 1 + apps/Mintbase/widget/Mintbase/NFT/Index.jsx | 1 + 2 files changed, 2 insertions(+) diff --git a/apps/Mintbase/widget/Mintbase/App/Tokens/Minted.jsx b/apps/Mintbase/widget/Mintbase/App/Tokens/Minted.jsx index 366edce8..e566cada 100644 --- a/apps/Mintbase/widget/Mintbase/App/Tokens/Minted.jsx +++ b/apps/Mintbase/widget/Mintbase/App/Tokens/Minted.jsx @@ -69,6 +69,7 @@ const WrapCards = styled.div` font-weight: 400; font-size: 16px; color: var(${isDarkModeOn ? "--gray-300, #b3b5bd" : "--gray-600, #5b5d6b"}); + padding-left: 24px; } .pagination_container { width: 100%; diff --git a/apps/Mintbase/widget/Mintbase/NFT/Index.jsx b/apps/Mintbase/widget/Mintbase/NFT/Index.jsx index 911768bd..941584cf 100644 --- a/apps/Mintbase/widget/Mintbase/NFT/Index.jsx +++ b/apps/Mintbase/widget/Mintbase/NFT/Index.jsx @@ -165,6 +165,7 @@ const NFTCard = ({ data, isDarkModeOn, accountId, connectedDao }) => { transition: 0.5s ease-in-out; overflow: hidden; border-radius: 10px; + margin: 0 auto; @media (max-width: 500px) { width: 99% !important; }