bender/a152e944-c0ef-46f7-abbf-65dbfcc7ea2d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bob AI: Adjust the width and roundedness of the 'portfolio' section

Browse Source
This commit is contained in:
kudinDmitriyUp
2026-06-01 14:09:12 +00:00
parent 3833da05ca
commit c845e329c4
1 changed files with 19 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/pages/HomePage.tsx
View File

@@ -156,22 +156,25 @@ export default function HomePage() {
className: "md:col-span-1 md:row-span-1"
},
].map((item, i) => (
<ScrollReveal
key={i}
variant="fade-blur"
delay={i * 0.1}
className={`relative group overflow-hidden rounded-theme ${item.className ||''}`}
>
<div className="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent z-10 opacity-80 group-hover:opacity-100 transition-opacity duration-300" />
<img
src={item.imageSrc}
alt={item.title}
className="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110"
/>
<div className="absolute bottom-0 left-0 right-0 p-6 z-20">
<h3 className="text-white text-lg md:text-xl font-bold translate-y-2 group-hover:translate-y-0 transition-transform duration-300">{item.title}</h3>
</div>
</ScrollReveal>
<div key={i} className={item.className}>
<ScrollReveal
variant="fade-blur"
delay={i * 0.1}
className="w-full h-full"
>
<div className="relative group overflow-hidden rounded-theme w-full h-full">
<div className="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent z-10 opacity-80 group-hover:opacity-100 transition-opacity duration-300" />
<img
src={item.imageSrc}
alt={item.title}
className="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110"
/>
<div className="absolute bottom-0 left-0 right-0 p-6 z-20">
<h3 className="text-white text-lg md:text-xl font-bold translate-y-2 group-hover:translate-y-0 transition-transform duration-300">{item.title}</h3>
</div>
</div>
</ScrollReveal>
</div>
))}
</div>
</div>