diff --git a/public/manifest.webmanifest b/public/manifest.webmanifest index 4a60871..1eaace8 100644 --- a/public/manifest.webmanifest +++ b/public/manifest.webmanifest @@ -6,7 +6,7 @@ "scope": "/", "id": "/", "display": "standalone", - "display_override": ["fullscreen", "standalone"], + "display_override": ["standalone"], "orientation": "portrait", "background_color": "#000000", "theme_color": "#000000", diff --git a/src/App.vue b/src/App.vue index a7879df..d49cb8b 100644 --- a/src/App.vue +++ b/src/App.vue @@ -363,8 +363,6 @@ const canContinue = computed(() => { }) const pwaInstallTitle = computed(() => { 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' }) const pwaInstallCopy = computed(() => { diff --git a/src/style.css b/src/style.css index db5caa0..18fd921 100644 --- a/src/style.css +++ b/src/style.css @@ -262,8 +262,8 @@ body.menu-open { @media (max-width: 900px) { .intro-header > div { - padding-top: calc(0.55rem + env(safe-area-inset-top)); - padding-bottom: 0.55rem; + padding-top: calc(1rem + env(safe-area-inset-top)); + padding-bottom: 0.5rem; } .hero-fold::before { @@ -280,12 +280,12 @@ body.menu-open { .mobile-menu-trigger { display: flex; - bottom: calc(5.25rem + env(safe-area-inset-bottom)); + bottom: calc(1rem + env(safe-area-inset-bottom)); } .hero-shell { - padding-top: calc(4.75rem + env(safe-area-inset-top)); - padding-bottom: calc(6.6rem + env(safe-area-inset-bottom)); + padding-top: calc(4.35rem + env(safe-area-inset-top)); + padding-bottom: calc(1rem + env(safe-area-inset-bottom)); } .benefits-cue {