colin/triqura-ecd
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: optimize hero section height for mobile devices

Browse Source 
Adjusted hero image height on mobile from min-h-[300px] to h-[40vh]
to ensure content below the fold is visible and scrollable. Desktop
behavior remains unchanged with full viewport height.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
colinislit
2025-11-20 12:15:32 +01:00
parent 4037517a1f
commit 540bffa9ab
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/ui/hero-section-2.tsx
View File

@@ -176,9 +176,9 @@ const HeroSection = React.forwardRef<HTMLDivElement, HeroSectionProps>(
</div> </div>
{/* Right Side: Image with Clip Path Animation */} {/* Right Side: Image with Clip Path Animation */}
<motion.div <motion.div
className="w-full min-h-[300px] bg-cover bg-center md:w-1/2 md:min-h-full lg:w-2/5" className="w-full h-[40vh] bg-cover bg-center md:w-1/2 md:h-auto md:min-h-full lg:w-2/5"
style={{ style={{
backgroundImage: `url(${backgroundImage})`, backgroundImage: `url(${backgroundImage})`,
}} }}
initial={{ clipPath: 'polygon(100% 0, 100% 0, 100% 100%, 100% 100%)' }} initial={{ clipPath: 'polygon(100% 0, 100% 0, 100% 100%, 100% 100%)' }}