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

Reflow hero layout and update iOS status bar style
All checks were successful
build-website / build (push) Successful in 1m37s
Details

Browse Source
This commit is contained in:
matt
2025-09-21 15:42:39 +02:00
parent 36046ca864
commit c9e8dce4d4
3 changed files with 49 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
apps/website/assets/css/voyage-layout.css
View File

@@ -498,16 +498,24 @@ html {
position: relative;
z-index: 10;
height: 100%;
min-height: 100%;
min-height: 100dvh;
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
justify-content: space-between;
align-items: center;
gap: var(--space-md);
text-align: center;
/* Apply safe area padding HERE to protect content from being obscured */
padding: calc(max(var(--safe-area-cover-top), clamp(6rem, 14vh, 10rem))) var(--space-md) calc(max(var(--safe-area-cover-bottom), clamp(5rem, 12vh, 8rem)) + var(--space-sm));
padding: calc(max(var(--safe-area-cover-top), clamp(4rem, 10vh, 8rem))) var(--space-md) calc(max(var(--safe-area-cover-bottom), clamp(4rem, 12vh, 8rem)) + var(--space-md));
}
.hero-main {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--space-md);
width: min(720px, 100%);
margin: 0 auto;
}
.trust-badge {
@@ -1752,7 +1760,7 @@ html {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
justify-content: space-between;
min-height: 100vh;
min-height: -webkit-fill-available;
min-height: 100dvh;
@@ -1760,6 +1768,11 @@ html {
z-index: 10; /* Ensure content is above video */
}
.hero-main {
gap: var(--space-sm);
max-width: 100%;
}
/* Responsive logo */
.hero-logo {
width: 100%;