bender/82240bf2-6d19-42fd-9736-bd2812d209dc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: make gallery images rectangular

Browse Source
This commit is contained in:
kudinDmitriyUp
2026-05-07 21:47:33 +00:00
parent 0844f7cd77
commit cc3d4625e3
2 changed files with 5 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/custom/GalleryBento.tsx
View File

@@ -31,9 +31,9 @@ const GalleryBento = ({
{items.map((item, index) => (
<div
key={index}
className={`relative overflow-hidden rounded-lg group fade-in ${item.className}`}
className={`relative overflow-hidden rounded-lg group fade-in h-full`}
>
<img src={item.imageSrc} alt={item.title} className="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110" />
<img src={item.imageSrc} alt={item.title} className="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110 aspect-[4/3]" />
<div className="absolute inset-0 bg-black bg-opacity-50 flex flex-col justify-end p-4 opacity-0 group-hover:opacity-100 transition-opacity duration-500">
<h3 className="text-white text-lg font-semibold">{item.title}</h3>
<p className="text-gray-300 text-sm">{item.description}</p>

9
src/pages/HomePage.tsx
View File

@@ -227,8 +227,7 @@ export default function HomePage() {
{
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-celebrating-together_23-2149872337.jpg",
title: "Toasting to Friendship",
description: "Guests raising a glass amidst the scenic beauty of our vineyard.",
className: "col-span-2 row-span-2",
description: "Guests raising a glass amidst the scenic beauty of our vineyard."
},
{
imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-having-fun-outdoors_23-2148952039.jpg",
@@ -243,14 +242,12 @@ export default function HomePage() {
{
imageSrc: "http://img.b2bpic.net/free-photo/group-people-sitting-table-eating-drinking-wine_1303-28963.jpg",
title: "Harvest Celebrations",
description: "A joyful gathering celebrating the harvest season with good food and great wine.",
className: "col-span-2",
description: "A joyful gathering celebrating the harvest season with good food and great wine."
},
{
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-friends-clinking-wine-glasses-while-having-picnic-vineyard_23-2148179259.jpg",
title: "Picnics and Pairings",
description: "Friends enjoying a delightful picnic, perfectly paired with our signature wines.",
className: "col-span-2",
description: "Friends enjoying a delightful picnic, perfectly paired with our signature wines."
},
]}
/>