From 08b50817f63d0d586830751f7abf6be8e2e3ea31 Mon Sep 17 00:00:00 2001
From: Zafei-Erin <897659752@qq.com>
Date: Tue, 2 Apr 2024 08:22:05 +0800
Subject: [PATCH] fix: safari display bug

---
 frontend/src/pages/Home/ImgCarousel.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/pages/Home/ImgCarousel.tsx b/frontend/src/pages/Home/ImgCarousel.tsx
index 58d3183..71a7b82 100644
--- a/frontend/src/pages/Home/ImgCarousel.tsx
+++ b/frontend/src/pages/Home/ImgCarousel.tsx
@@ -77,7 +77,8 @@ export const ImgCarousel: React.FC<ImgCarouselParams> = ({ nfts }) => {
                     key={i}
                     className="w-full basis-full pl-2 sm:basis-1/2 md:basis-1/3 lg:basis-1/4 lg:pl-4"
                   >
-                    <Link to={`/item/${nft.tokenId}`} className="relative">
+                    <div className="relative w-full">
+                      <Link to={`/item/${nft.tokenId}`}>
                       <img
                         src={nft.imageUrl}
                         alt={nft.name}
@@ -88,6 +89,7 @@ export const ImgCarousel: React.FC<ImgCarouselParams> = ({ nfts }) => {
                         <div className="text-sm">Price: {nft.price} MATIC</div>
                       </div>
                     </Link>
+                    </div>
                   </CarouselItem>
                 ))}
               </CarouselContent>