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:
parent
1a2a6f5d56
commit
92a008926e
@ -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 |
|
||||
|
||||
|
||||
@ -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 {
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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
|
||||
|
||||
Loading…
Reference in New Issue
Block a user