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

Align hero content grid and tweak iOS theme color
All checks were successful
build-website / build (push) Successful in 1m35s
Details

Browse Source
This commit is contained in:
matt
2025-09-21 16:00:23 +02:00
parent c9e8dce4d4
commit 0af4588927
3 changed files with 14 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -500,22 +500,23 @@ html {
height: 100%;
min-height: 100dvh;
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
display: grid;
grid-template-rows: 1fr auto;
align-items: center;
justify-items: center;
text-align: center;
/* Apply safe area padding HERE to protect content from being obscured */
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));
padding: calc(var(--safe-area-cover-top) + clamp(2rem, 8vh, 5rem)) var(--space-md) calc(var(--safe-area-cover-bottom) + clamp(1.25rem, 3vh, 2.5rem));
row-gap: clamp(2rem, 6vh, 4rem);
}
.hero-main {
width: min(720px, 100%);
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
gap: var(--space-md);
width: min(720px, 100%);
margin: 0 auto;
}
.trust-badge {
@@ -1757,15 +1758,16 @@ html {
padding-left: max(env(safe-area-inset-left, 0), clamp(1rem, 3vw, 2rem));
padding-right: max(env(safe-area-inset-right, 0), clamp(1rem, 3vw, 2rem));
width: 100%;
display: flex;
flex-direction: column;
display: grid;
grid-template-rows: 1fr auto;
align-items: center;
justify-content: space-between;
justify-items: center;
min-height: 100vh;
min-height: -webkit-fill-available;
min-height: 100dvh;
position: relative;
z-index: 10; /* Ensure content is above video */
row-gap: clamp(1.5rem, 6vw, 3rem);
}
.hero-main {