danak/shop-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

carousel size mobile

Browse Source
This commit is contained in:
hamid zarghami
2025-12-08 09:11:07 +03:30
parent f083acef85
commit 56f3a0d298
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/home/components/Carousel.tsx
+4 -4
View File
@@ -52,21 +52,21 @@ const Carousel: FC = () => {
{sliders.map((slider) => ( {sliders.map((slider) => (
<SwiperSlide key={slider._id}> <SwiperSlide key={slider._id}>
{slider.linkUrl ? ( {slider.linkUrl ? (
<Link href={slider.linkUrl} className='block h-[200px] sm:h-[300px] md:h-[400px] relative'> <Link href={slider.linkUrl} className='block min-h-[200px] sm:h-[300px] md:h-[400px] relative'>
<Image <Image
src={slider.imageUrl} src={slider.imageUrl}
alt={slider.altText} alt={slider.altText}
fill fill
className="object-cover rounded-lg" className="lg:object-cover lg:rounded-lg"
/> />
</Link> </Link>
) : ( ) : (
<div className='h-[200px] sm:h-[300px] md:h-[400px] relative'> <div className='min-h-[200px] sm:h-[300px] md:h-[400px] relative'>
<Image <Image
src={slider.imageUrl} src={slider.imageUrl}
alt={slider.altText} alt={slider.altText}
fill fill
className="object-cover rounded-lg" className="lg:object-cover lg:rounded-lg"
/> />
</div> </div>
)} )}