Commit 203d2f43 authored by Phạm Quang Bảo's avatar Phạm Quang Bảo

fix/responsive slider

parent 7337279f
...@@ -83,7 +83,7 @@ const Members = () => { ...@@ -83,7 +83,7 @@ const Members = () => {
> >
{partnerImages.map((src, i) => ( {partnerImages.map((src, i) => (
<SwiperSlide key={i}> <SwiperSlide key={i}>
<div className="flex justify-center items-center bg-white rounded-lg shadow p-3 w-[100px] h-[100px]"> <div className="flex justify-center items-center bg-white rounded-lg shadow p-3 w-[120px] h-[120px]">
<ImageNext <ImageNext
src={src} src={src}
alt={`partner-${i}`} alt={`partner-${i}`}
......
...@@ -76,7 +76,7 @@ const VideoAndPartners = () => { ...@@ -76,7 +76,7 @@ const VideoAndPartners = () => {
slidesPerView={3} slidesPerView={3}
spaceBetween={16} spaceBetween={16}
breakpoints={{ breakpoints={{
0: { slidesPerView: 2, spaceBetween: 10 }, 0: { slidesPerView: 3, spaceBetween: 10, grid: { rows: 1 } },
640: { slidesPerView: 3, spaceBetween: 16 }, 640: { slidesPerView: 3, spaceBetween: 16 },
1024: { slidesPerView: 3, spaceBetween: 24 }, 1024: { slidesPerView: 3, spaceBetween: 24 },
}} }}
...@@ -84,12 +84,12 @@ const VideoAndPartners = () => { ...@@ -84,12 +84,12 @@ const VideoAndPartners = () => {
> >
{partnerImages.map((src, i) => ( {partnerImages.map((src, i) => (
<SwiperSlide key={i}> <SwiperSlide key={i}>
<div className="flex justify-center items-center bg-white rounded-lg shadow p-3 w-[100px] h-[100px]"> <div className="flex justify-center items-center bg-white rounded-lg shadow p-3 w-[120px] h-[120px]">
<ImageNext <ImageNext
src={src} src={src}
alt={`partner-${i}`} alt={`partner-${i}`}
width={100} width={120}
height={100} height={120}
className="object-contain w-full h-full" className="object-contain w-full h-full"
/> />
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment