responsive

src/app/home/components/Carousel.tsx

@@ -24,15 +24,11 @@ const Carousel: FC = () => {
     const sliders = isMobile ? data?.results?.sliders?.mobile : data?.results?.sliders?.desktop
 
     if (!sliders || sliders.length === 0) {
-        return (
-            <div className='mt-5 h-[200px] sm:h-[300px] md:h-[400px] bg-gray-200 rounded-lg flex items-center justify-center'>
-                <p className="text-gray-500">اسلایدری موجود نیست</p>
-            </div>
-        );
+        return null
     }
 
     return (
-        <div className='mt-5 relative' style={{ zIndex: 0 }}>
+        <div className='relative' style={{ zIndex: 0 }}>
             <Swiper pagination={true} modules={[Pagination]} className="mySwiper pb-5" style={{ zIndex: 0, position: 'relative' }}>
                 {sliders.map((slider) => (
                     <SwiperSlide key={slider._id}>