Use modal install step consistently

This commit is contained in:
Dorian
2026-05-15 17:36:31 -05:00
parent 52423d358a
commit 5f14d53fe1
3 changed files with 2 additions and 26 deletions

View File

@@ -1,4 +1,4 @@
const CACHE_NAME = 'l484-pwa-v11'
const CACHE_NAME = 'l484-pwa-v12'
const APP_SHELL = [
'/',
'/manifest.webmanifest',

View File

@@ -382,7 +382,7 @@ const pwaInstallPrimaryLabel = computed(() => {
if (isPwaStandalone.value) return 'Continue signup'
if (deferredInstallPrompt.value) return 'Install app'
if (installPlatform.value === 'ios') return 'I installed it'
return 'Install app'
return 'Continue'
})
const membershipBtcAmount = computed(() =>
bitcoinUsdPrice.value ? MEMBERSHIP_MONTHLY_USD / bitcoinUsdPrice.value : 0,
@@ -830,10 +830,6 @@ const startSignup = async () => {
signupStep.value = 2
return
}
if (installPlatform.value === 'desktop' || installPlatform.value === 'android') {
signupStep.value = 2
return
}
signupStep.value = 1
}
@@ -3464,17 +3460,6 @@ watch(mobileMenuOpen, (open) => {
Complete signup here, then come to the center to pick up your physical member card and pay in person.
</p>
</div>
<div v-if="installPlatform !== 'ios' && !isPwaStandalone" class="membership-pickup-card optional-install-card">
<span class="membership-pickup-icon" aria-hidden="true">
<img src="/images/app-icon-192.png" alt="" />
</span>
<div>
<p>Install the L484 app for a better member card and notification experience.</p>
<button class="secondary-action compact-action" type="button" @click="handlePwaInstallPrimary">
Install app
</button>
</div>
</div>
</div>
<div v-if="signupStep === 1" class="pwa-install-step">

View File

@@ -3193,15 +3193,6 @@ body.menu-open {
line-height: 1.55;
}
.optional-install-card > div {
display: grid;
gap: 0.75rem;
}
.optional-install-card .secondary-action {
justify-self: start;
}
.membership-pickup-icon {
display: grid;
width: 3rem;