lfg2025/sapien
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix mobile install and safe area spacing

Browse Source
This commit is contained in:
Dorian
2026-05-15 18:21:18 -05:00
parent 1ad460f8c2
commit d32930340c
3 changed files with 6 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public/manifest.webmanifest
View File

@@ -6,7 +6,7 @@
"scope": "/", "scope": "/",
"id": "/", "id": "/",
"display": "standalone", "display": "standalone",
"display_override": ["fullscreen", "standalone"], "display_override": ["standalone"],
"orientation": "portrait", "orientation": "portrait",
"background_color": "#000000", "background_color": "#000000",
"theme_color": "#000000", "theme_color": "#000000",

2
src/App.vue
View File

@@ -363,8 +363,6 @@ const canContinue = computed(() => {
}) })
const pwaInstallTitle = computed(() => { const pwaInstallTitle = computed(() => {
if (isPwaStandalone.value) return 'PWA installed' if (isPwaStandalone.value) return 'PWA installed'
if (installPlatform.value === 'ios') return 'Install L484 on iPhone'
if (installPlatform.value === 'android') return 'Install L484 app'
return 'Install for all benefits' return 'Install for all benefits'
}) })
const pwaInstallCopy = computed(() => { const pwaInstallCopy = computed(() => {

10
src/style.css
View File

@@ -262,8 +262,8 @@ body.menu-open {
@media (max-width: 900px) { @media (max-width: 900px) {
.intro-header > div { .intro-header > div {
padding-top: calc(0.55rem + env(safe-area-inset-top)); padding-top: calc(1rem + env(safe-area-inset-top));
padding-bottom: 0.55rem; padding-bottom: 0.5rem;
} }
.hero-fold::before { .hero-fold::before {
@@ -280,12 +280,12 @@ body.menu-open {
.mobile-menu-trigger { .mobile-menu-trigger {
display: flex; display: flex;
bottom: calc(5.25rem + env(safe-area-inset-bottom)); bottom: calc(1rem + env(safe-area-inset-bottom));
} }
.hero-shell { .hero-shell {
padding-top: calc(4.75rem + env(safe-area-inset-top)); padding-top: calc(4.35rem + env(safe-area-inset-top));
padding-bottom: calc(6.6rem + env(safe-area-inset-bottom)); padding-bottom: calc(1rem + env(safe-area-inset-bottom));
} }
.benefits-cue { .benefits-cue {