vibeasite-templates/template-photography
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Seed: photography template (19 files)

Browse Source
This commit is contained in:
jyswee
2026-07-23 22:59:42 +00:00
parent 1a8479398a
commit bacc1b1622
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/Portfolio.tsx
+1 -1
View File
@@ -65,7 +65,7 @@ export default function PortfolioPage() {
{filtered.map((photo, i) => ( {filtered.map((photo, i) => (
<Dialog key={i}> <Dialog key={i}>
<DialogTrigger asChild> <DialogTrigger asChild>
<div className={`group relative overflow-hidden cursor-pointer break-inside-avoid \${photo.tall ? "aspect-[3/4]" : "aspect-square"}`}> <div className={`group relative overflow-hidden cursor-pointer break-inside-avoid ${photo.tall ? "aspect-[3/4]" : "aspect-square"}`}>
<img src={photo.img} alt={photo.title} className="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110" /> <img src={photo.img} alt={photo.title} className="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110" />
<div className="absolute inset-0 bg-black/0 group-hover:bg-black/50 transition-all duration-500 flex flex-col items-center justify-center opacity-0 group-hover:opacity-100"> <div className="absolute inset-0 bg-black/0 group-hover:bg-black/50 transition-all duration-500 flex flex-col items-center justify-center opacity-0 group-hover:opacity-100">
<p className="text-white font-light text-lg tracking-wide mb-2">{photo.title}</p> <p className="text-white font-light text-lg tracking-wide mb-2">{photo.title}</p>