diff --git a/src/views/Authorization/AuthShell.jsx b/src/views/Authorization/AuthShell.jsx index 956bb1e..4b613de 100644 --- a/src/views/Authorization/AuthShell.jsx +++ b/src/views/Authorization/AuthShell.jsx @@ -1,18 +1,7 @@ +import { Capacitor } from '@capacitor/core' import { Box, Sheet, Typography } from '@mui/joy' import Logo from '../../Logo' -const Wordmark = () => ( - - Done - - tick - - -) - /** * Full-height auth layout: edge-to-edge on phones, a centered surface card from * the `sm` breakpoint up. The route renders without a navbar, so the shell owns @@ -24,7 +13,13 @@ const AuthShell = ({ action, children, footer, - logoSize = 64, + logoSize = 48, + // In the app the user already came through the app icon and the Get Started + // mark, so repeating it here is noise. On the web these routes are the first + // thing a visitor sees — often on a self-hosted domain, and with no navbar — + // so the mark is the only thing identifying the app. Views reached from an + // emailed link override this to always show it. + showLogo = !Capacitor.isNativePlatform(), }) => { return ( {action} )} - - - - + {/* Mark only: the wordmark sat at nearly the same size and weight as + the title below it, so the two competed instead of forming a + hierarchy. */} + {showLogo && ( + + + + )} {title && ( { ? 'Pick up right where you left off.' : 'Sign in to your account to continue.' } + logoSize={0} footer={} action={ Capacitor.isNativePlatform() ? ( diff --git a/src/views/Authorization/Signup.jsx b/src/views/Authorization/Signup.jsx index 81917a2..ccd3e0c 100644 --- a/src/views/Authorization/Signup.jsx +++ b/src/views/Authorization/Signup.jsx @@ -130,6 +130,7 @@ const SignupView = () => { title='Create your account' subtitle='Track chores and tasks together, in one shared place.' footer={} + logoSize={0} > { title='This link is not valid' subtitle='The password reset link is incomplete or has already been used. Request a new one to continue.' footer={} + showLogo >