matt/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: use position fixed for video to escape all containing blocks and extend into iOS safe areas
All checks were successful
build-website / build (push) Successful in 1m47s
Details

Browse Source
This commit is contained in:
Matt
2025-09-25 16:10:06 +02:00
parent b25512ad65
commit c7ac41296b
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
apps/website/components/HeroSection.vue
View File

@@ -174,7 +174,7 @@ onMounted(() => {
<style scoped>
/* Hero video container using standard safe-area-inset-top for iOS Safari */
.hero-video-container {
position: absolute;
position: fixed; /* Use fixed to escape ALL containing blocks and position relative to viewport */
left: 0;
right: 0;
width: 100vw;
@@ -260,7 +260,7 @@ onMounted(() => {
/* Container for hero section */
.hero-voyage {
position: relative;
position: static; /* Remove containing block to allow video to escape */
min-height: 100vh;
/* Allow video to extend into safe area */
overflow: visible;
@@ -268,7 +268,7 @@ onMounted(() => {
}
.hero-content {
position: absolute; /* Changed from relative to occupy safe areas */
position: fixed; /* Use fixed to match video container positioning */
top: 0; /* Start at viewport top */
left: 0;
right: 0;