testimonials responsive updated

This commit is contained in:
parsa aghaei 2024-10-20 10:38:00 +03:30
parent a6732a2b72
commit 05e942705d

View File

@ -102,7 +102,7 @@ export default function Testimonials({ dict }: TestimonialsProps) {
{dict.homePage.testimonials.description}
</p>
<div
className="no-scrollbar relative flex min-h-[780px] w-full select-none flex-nowrap items-start gap-8 overflow-x-scroll py-4 sm:min-h-[560px] lg:min-h-[450px] xl:min-h-[370px] 2xl:min-h-[370px]" // Hide scrollbar using CSS
className="no-scrollbar relative flex min-h-[800px] w-full select-none flex-nowrap items-start gap-8 overflow-x-scroll py-4 sm:min-h-[590px] md:min-h-[560px] lg:min-h-[450px] xl:min-h-[370px] 2xl:min-h-[370px]" // Hide scrollbar using CSS
ref={sliderRef}
onMouseEnter={() => setIsHovered(true)}
onMouseLeave={() => {
@ -150,8 +150,8 @@ export default function Testimonials({ dict }: TestimonialsProps) {
<li
key={index}
className={`${
currentIndex === index ? "bg-[#FD6F00]" : "bg-[#D9D9D9]"
} h-[16px] w-[40px] rounded-lg hover:cursor-pointer`}
currentIndex === index ? "bg-[#FD6F00] shadow-lg" : "bg-[#D9D9D9]"
} h-[40px] w-[40px] rounded-lg hover:cursor-pointer sm:h-[30px] md:h-[30px] lg:h-[20px] sm:w-[50px] md:w-[50px] lg:w-[50px]`}
onClick={() => {
setCurrentIndex(index);
setBulletClicked(true);