testimonials responsive updated
This commit is contained in:
parent
a6732a2b72
commit
05e942705d
@ -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);
|
||||
|
||||
Loading…
Reference in New Issue
Block a user