Updated image size on marketplace and README

luloxi · Sep 20, 2024 · c7cf1a2 · c7cf1a2
1 parent 4d67fcf
commit c7cf1a2
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 16 deletions.
diff --git a/README.md b/README.md
@@ -1,14 +1,4 @@
-<div style="text-align: center;">
-  <img src="packages/nextjs/public/logo.png" alt="Alt text" style="max-width: 100%; height: auto;">
-</div>
-
-# About
-
-🧪 This dApp is meant to facilitate art tokenization for artists, and listening, watching and trading NFTs
-
-⚙️ Built using Foundry, NextJS, RainbowKit, Wagmi, Viem, and Typescript,
-
-🔗 To be deployed on Polygon and Avalanche (or other EVM compatible chains)
+- To see current development tasks and other info about the project, [see here](https://lulox.notion.site/TECHNAI-3458ad216e8c40a9b4489fe026146552?pvs=74)
 
 ## Prerequisites
 
@@ -57,8 +47,6 @@ Visit your app on: `http://localhost:3000`. You can interact with your smart con
 
 # Roadmap
 
-- To see detailed development info, [see here](https://lulox.notion.site/TECHNAI-3458ad216e8c40a9b4489fe026146552?pvs=74)
-
 ## Phase 1 ✅
 
 <details><summary>See completed tasks</summary>
@@ -150,15 +138,24 @@ Visit your app on: `http://localhost:3000`. You can interact with your smart con
 
 # Completed product description
 
+<div style="text-align: center;">
+  <img src="packages/nextjs/public/logo.png" alt="Alt text" style="max-width: 100%; height: auto;">
+</div>
+
 Technai is a Web3-based marketplace that empowers artists to mint and monetize their work as NFTs while providing collectors with unique investment opportunities.
 
 Our mission is to break down the barriers for artists and collectors by providing an easy-to-use platform that fosters creativity, collaboration, and sustainable income through digital art. The platform solves the problems of high minting costs for artists, lack of continuous royalties, and limited cross-chain interoperability, allowing for a more inclusive and connected NFT ecosystem.
 
-## Background
+## About
 
-- Project started on [Aleph Hackathon](https://www.aleph.crecimiento.build/es-aleph-hackathon)
 - This repo was started with `npx create-eth@latest` with Foundry and integrated with the contracts and frontend from [github.com/luloxi/technai-marketplace](https://github.com/luloxi/technai-marketplace)
 
+🧪 Project started on [Aleph Hackathon](https://www.aleph.crecimiento.build/es-aleph-hackathon)
+
+⚙️ Built using Foundry, NextJS, RainbowKit, Wagmi, Viem, and Typescript,
+
+🔗 To be deployed on Polygon and Avalanche (or other EVM compatible chains)
+
 ## Roles within the platform
 
 - Artists: Mint, remix, and earn royalties from NFTs.

diff --git a/packages/nextjs/app/marketplace/_components/NFTCard.tsx b/packages/nextjs/app/marketplace/_components/NFTCard.tsx
@@ -126,7 +126,7 @@ export const NFTCard = ({ nft }: { nft: Collectible }) => {
       {activeTab === "mintNFT" && (
         <div>
           <figure className="relative">
-            <img src={nft.image} alt="NFT Image" className="h-60 min-w-full" />
+            <img src={nft.image} alt="NFT Image" className="w-full h-auto object-cover" />
           </figure>
           <div className="card-body space-y-3">
             {nft.animation_url && (