slider size
This commit is contained in:
@@ -52,21 +52,25 @@ 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 min-h-[200px] sm:h-[300px] md:h-[400px] relative'>
|
<Link href={slider.linkUrl} className='relative'>
|
||||||
<Image
|
<Image
|
||||||
src={slider.imageUrl}
|
src={slider.imageUrl}
|
||||||
alt={slider.altText}
|
alt={slider.altText}
|
||||||
fill
|
width={1000}
|
||||||
className="lg:object-cover lg:rounded-lg"
|
height={500}
|
||||||
|
// fill
|
||||||
|
className="object-contain min-w-full"
|
||||||
/>
|
/>
|
||||||
</Link>
|
</Link>
|
||||||
) : (
|
) : (
|
||||||
<div className='min-h-[200px] sm:h-[300px] md:h-[400px] relative'>
|
<div className='relative'>
|
||||||
<Image
|
<Image
|
||||||
src={slider.imageUrl}
|
src={slider.imageUrl}
|
||||||
alt={slider.altText}
|
alt={slider.altText}
|
||||||
fill
|
// fill
|
||||||
className="lg:object-cover lg:rounded-lg"
|
width={1000}
|
||||||
|
height={500}
|
||||||
|
className="object-contain min-w-full"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|||||||
@@ -145,7 +145,7 @@ const Header: FC = () => {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* فضای خالی برای جبران ارتفاع fixed header */}
|
{/* فضای خالی برای جبران ارتفاع fixed header */}
|
||||||
<div className='h-[72px] md:h-[120px]'></div>
|
<div className='h-[65px] md:h-[120px]'></div>
|
||||||
</Fragment>
|
</Fragment>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user