From 53a80a5dbe233a11a6fabffd26323dd850a2d785 Mon Sep 17 00:00:00 2001
From: CodingOnStar <hanxujiang@dify.ai>
Date: Wed, 15 Oct 2025 09:55:14 +0800
Subject: [PATCH] feat: enhance explore page banner functionality with state
 management and animation improvements

---
 web/app/components/explore/banner/banner-item.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/web/app/components/explore/banner/banner-item.tsx b/web/app/components/explore/banner/banner-item.tsx
index 8d57d761ec..964ab95069 100644
--- a/web/app/components/explore/banner/banner-item.tsx
+++ b/web/app/components/explore/banner/banner-item.tsx
@@ -115,8 +115,7 @@ export const BannerItem: FC<BannerItemProps> = ({ banner, autoplayDelay }) => {
         <img
           src={banner.content['img-src']}
           alt={banner.content.title}
-          className="h-full rounded-xl object-cover"
-          style={{ aspectRatio: '4/3' }}
+          className="aspect-[4/3] h-full rounded-xl object-cover"
         />
       </div>
     </div>