Showing
1 changed file
with
5 additions
and
1 deletions
| @@ -11,9 +11,13 @@ interface MasonryGridProps { | @@ -11,9 +11,13 @@ interface MasonryGridProps { | ||
| 11 | } | 11 | } |
| 12 | 12 | ||
| 13 | const MasonryGrid: React.FC<MasonryGridProps> = ({ images, onImageClick, onLike, currentUser, isVideoGallery = false }) => { | 13 | const MasonryGrid: React.FC<MasonryGridProps> = ({ images, onImageClick, onLike, currentUser, isVideoGallery = false }) => { |
| 14 | + const columnClass = isVideoGallery | ||
| 15 | + ? "columns-4 md:columns-6 lg:columns-8 xl:columns-10" | ||
| 16 | + : "columns-2 md:columns-3 lg:columns-4 xl:columns-5"; | ||
| 17 | + | ||
| 14 | return ( | 18 | return ( |
| 15 | <div className="w-full px-4 md:px-8 py-6"> | 19 | <div className="w-full px-4 md:px-8 py-6"> |
| 16 | - <div className="columns-2 md:columns-3 lg:columns-4 xl:columns-5 gap-4 space-y-4"> | 20 | + <div className={`${columnClass} gap-4 space-y-4`}> |
| 17 | {images.map((img) => ( | 21 | {images.map((img) => ( |
| 18 | <ImageCard | 22 | <ImageCard |
| 19 | key={img.id} | 23 | key={img.id} |
-
Please register or login to post a comment