fix: restore hero section with simplified video positioning
All checks were successful
build-website / build (push) Successful in 1m48s

- Removed CSS contain properties that were preventing video from extending into safe area
- Implemented Vue 3 Teleport to bypass DOM containment for iOS video extension
- Video now renders at body level to properly utilize safe area insets
- Kept Safari fallbacks for env() bug workaround

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-09-21 18:42:29 +02:00
parent 5e7ac5fbf6
commit 4dcfea96ce
3 changed files with 37 additions and 32 deletions

View File

@@ -443,7 +443,7 @@ html {
overscroll-behavior-y: none;
-webkit-overflow-scrolling: touch;
max-width: 100vw !important;
contain: layout;
/* Removed contain: layout to allow video to extend into safe area */
/* NO padding here - let container fill entire viewport */
/* Safe areas will be applied to content only */
}