Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 5 additions & 1 deletion src/app/auth/AuthSocialLogin.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,11 @@ export function AuthSocialLogin({ mode, setMode, loading, onOAuthSignIn }: AuthS
{/* OAuth providers only. Anonymous sign-in is now the lead CTA above the
email form (anonymous-first onboarding), so there's no secondary
anonymous link here. */}
<div className="mt-6">
{/* max-[359px]:mt-3 — on the narrowest phones this is the row that
lands under the fixed FleetCrown feedback FAB (bottom-right); a
tighter top margin here is the last of a few narrow-viewport-only
trims (see page.tsx) that lift it clear. */}
<div className="mt-6 max-[359px]:mt-3">
{/* Social providers — only rendered for providers the server has
enabled (see useEnabledOAuthProviders). When none are enabled the
whole "Or continue with" block is omitted so users only ever see
Expand Down
11 changes: 8 additions & 3 deletions src/app/auth/page.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -66,7 +66,7 @@ export default function AuthPage() {
<div className="min-h-screen bg-surface-raised/40 dark:bg-surface-page flex flex-col lg:flex-row">
<AuthHeroPanel />

<div className="flex-1 flex flex-col justify-center items-center p-8 lg:p-12 bg-surface-raised/40 dark:bg-surface-page">
<div className="flex-1 flex flex-col justify-center items-center p-8 max-[359px]:pt-4 lg:p-12 bg-surface-raised/40 dark:bg-surface-page">
{/* Mobile-only back link — the desktop hero panel hosts the same
link but is hidden below lg. Without this, mobile users have
no non-browser escape from the form. */}
Expand All @@ -78,7 +78,12 @@ export default function AuthPage() {
Back to home
</Link>
<div className="w-full max-w-md">
<div className="text-center mb-8">
{/* max-[359px] trims below: on the narrowest phones this form's last
row (OAuth buttons) lands under the FleetCrown feedback FAB
(fixed bottom-right). Compacting non-essential vertical rhythm
here — never touch-target sizes — clears it without a layout
rewrite. */}
<div className="text-center mb-8 max-[359px]:mb-4">
<h2 className="text-2xl font-semibold mb-2 text-fg-primary">
{mode === 'login'
? 'Welcome back'
Expand Down Expand Up @@ -139,7 +144,7 @@ export default function AuthPage() {
by default is a core principle — let people start with zero friction
and add an email later. Email/social remain right below. */}
{mode !== 'forgot' && (
<div className="mb-6">
<div className="mb-6 max-[359px]:mb-3">
<Button
type="button"
variant="accent"
Expand Down
Loading