Seed: photography template (19 files)
This commit is contained in:
@@ -65,7 +65,7 @@ export default function PortfolioPage() {
|
||||
{filtered.map((photo, i) => (
|
||||
<Dialog key={i}>
|
||||
<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" />
|
||||
<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>
|
||||
|
||||
Reference in New Issue
Block a user