fix coming soon page: crash, logo centering, admin login link

Add AnalyticsHook to the coming_soon live session — the shop layout
fires an analytics:screen JS event but the session had no handler,
crashing the page on connect.

Centre the logo image (display:block from CSS reset needs
margin-inline:auto). Add a subtle "Admin" link at the bottom using
flex flow rather than fixed/absolute positioning so it works in
iframes.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
jamey 2026-03-04 00:41:15 +00:00
parent 1a2a6f5d56
commit 92a008926e
4 changed files with 21 additions and 4 deletions

View File

@ -63,7 +63,7 @@ Based on usability testing (March 2026). Reworks the entire setup flow into a si
| D | Email provider setup UX rework (recommended pick, grouping, guided flow, test email) | 2h | planned |
| E | Contextual prompts for skipped steps (products, checkout, order detail) | 2h | planned |
| F | Dashboard checklist and messaging rework | 2h | planned |
| G | Coming soon page fixes (logo layout, admin login link) | 30m | planned |
| G | Coming soon page fixes (logo layout, admin login link) | 30m | done |
| H | External links UX (new tabs, icons, aria labels) | 1h | planned |
| I | Input styling — WCAG AA/AAA compliance | 1h | planned |

View File

@ -2766,12 +2766,16 @@
.coming-soon {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 100vh;
min-height: 100dvh;
padding-inline: 1.5rem;
padding: 1.5rem;
text-align: center;
& > :first-child {
margin-block: auto;
}
}
.coming-soon-logo {
@ -2780,6 +2784,7 @@
& img {
max-height: 4rem;
max-width: 12rem;
margin-inline: auto;
object-fit: contain;
}
}
@ -2798,6 +2803,16 @@
font-size: 1.125rem;
color: var(--t-text-secondary);
}
.coming-soon-admin-link {
font-size: 0.75rem;
color: var(--t-text-tertiary);
text-decoration: none;
&:hover {
color: var(--t-text-secondary);
}
}
}
@layer components {

View File

@ -19,6 +19,7 @@ defmodule BerrypodWeb.Shop.ComingSoon do
We're getting things ready. Check back soon.
</p>
</div>
<a href="/admin" class="coming-soon-admin-link">Admin</a>
</main>
"""
end

View File

@ -243,7 +243,8 @@ defmodule BerrypodWeb.Router do
layout: {BerrypodWeb.Layouts, :shop},
on_mount: [
{BerrypodWeb.SetupHook, :require_admin},
{BerrypodWeb.ThemeHook, :mount_theme}
{BerrypodWeb.ThemeHook, :mount_theme},
{BerrypodWeb.AnalyticsHook, :track}
] do
live "/coming-soon", Shop.ComingSoon, :index
end