From 1630989c92e55de35e4ed0205ac204cb3f676752 Mon Sep 17 00:00:00 2001 From: Jiku Godwill Date: Sat, 28 Sep 2024 07:19:13 +0100 Subject: [PATCH] Refactor NFT Card component to center align the card horizontally Update package.json to remove unnecessary packageManager field Update data.json to change the contract name to mintbos.testnet Refactor NFT Card component to update min-width and max-width of the card --- README.md | 8 ++++++-- data.json | 2 +- widget/components/NFT/Card.jsx | 3 ++- 3 files changed, 9 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index 41aac40..5bbb8b7 100644 --- a/README.md +++ b/README.md @@ -23,12 +23,16 @@ Install dependencies ```cmd pnpm install ``` - and run the project - ```cmd pnpm run dev ``` +or +```cmd +pnpm run dev:testnet + +``` +for testnet ## Project Walkthrough diff --git a/data.json b/data.json index 90d6812..b5eca61 100644 --- a/data.json +++ b/data.json @@ -1,5 +1,5 @@ { - "example.near": { + "mintbos.testnet": { "widget": { "Index": { "metadata": { diff --git a/widget/components/NFT/Card.jsx b/widget/components/NFT/Card.jsx index 0dfedc7..64bf586 100644 --- a/widget/components/NFT/Card.jsx +++ b/widget/components/NFT/Card.jsx @@ -101,7 +101,8 @@ const Card = ({ data }) => { box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 16px; transition: background-color 0.25s ease-in-out; border: 4px solid #ed8a71; - max-width: 300px; + min-width: 300px; + max-width: 350px; margin: 0 auto; .title, .price {