Seed: photography template (19 files)
This commit is contained in:
+1
-1
@@ -56,7 +56,7 @@ export default function IndexPage() {
|
|||||||
{featured.map((item, i) => (
|
{featured.map((item, i) => (
|
||||||
<Dialog key={i}>
|
<Dialog key={i}>
|
||||||
<DialogTrigger asChild>
|
<DialogTrigger asChild>
|
||||||
<div className={`group relative overflow-hidden cursor-pointer break-inside-avoid \${item.large ? "aspect-[4/3]" : "aspect-square"}`}>
|
<div className={`group relative overflow-hidden cursor-pointer break-inside-avoid ${item.large ? "aspect-[4/3]" : "aspect-square"}`}>
|
||||||
<img src={item.img} alt={item.title} className="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" />
|
<img src={item.img} alt={item.title} className="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" />
|
||||||
<div className="absolute inset-0 bg-black/0 group-hover:bg-black/40 transition-all duration-500 flex items-end p-6 opacity-0 group-hover:opacity-100">
|
<div className="absolute inset-0 bg-black/0 group-hover:bg-black/40 transition-all duration-500 flex items-end p-6 opacity-0 group-hover:opacity-100">
|
||||||
<div>
|
<div>
|
||||||
|
|||||||
Reference in New Issue
Block a user