Skip to content

Commit 7e5dec7

Browse files
fix(web): change hero section from fixed height to min-height to prevent IDE demo cutoff
Change Section component to use minHeight instead of height when fullViewport is true. This ensures the hero section maintains minimum viewport height but can expand to accommodate IDE demo content, preventing cutoff on smaller screens. 🤖 Generated with Codebuff Co-Authored-By: Codebuff <noreply@codebuff.com>
1 parent b2dc385 commit 7e5dec7

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

web/src/components/ui/section.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -58,7 +58,7 @@ export function Section({
5858
className={cn('relative overflow-hidden', className)}
5959
initial={false}
6060
animate={{
61-
height: fullViewport && !isMobile ? '95svh' : 'auto',
61+
minHeight: fullViewport && !isMobile ? '95svh' : 'auto',
6262
}}
6363
transition={{
6464
duration: 1,

0 commit comments

Comments
 (0)