ly0303521

调整视频预览的大小

@@ -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}