jselesan/playzer
1
0
Fork 0
Code Issues Pull Requests 6 Actions Packages Projects Releases Wiki Activity

Improved mobile layout

Browse Source
This commit is contained in:
Jose Selesan
2026-05-08 11:02:03 -03:00
parent 65295236c5
commit ab22ec86ec
25 changed files with 36 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/frontend/src/features/onboard/components/onboarding-layout.tsx
View File

@@ -7,7 +7,7 @@ type OnboardingLayoutProps = PropsWithChildren<{
export function OnboardingLayout({ title, description, children }: OnboardingLayoutProps) {
return (
<main className="mx-auto flex min-h-screen w-full max-w-6xl items-center justify-center px-6">
<main className="mx-auto flex min-h-screen w-full max-w-6xl items-center justify-center px-3 sm:px-6">
<section className="w-full max-w-3xl rounded-xl border bg-card p-6 text-card-foreground shadow-sm">
<h1 className="mb-2 text-2xl font-semibold">{title}</h1>
<p className="mb-4 text-sm text-muted-foreground">{description}</p>

2
apps/frontend/src/features/onboard/create-complex-page.tsx
View File

@@ -106,7 +106,7 @@ export function CreateComplexPage() {
};
return (
<main className="flex min-h-screen w-full items-center justify-center px-6">
<main className="flex min-h-screen w-full items-center justify-center px-3 sm:px-6">
<section className="w-full max-w-sm rounded-xl border bg-card p-6 text-card-foreground shadow-sm">
<h1 className="mb-2 text-2xl font-semibold">Crear tu complejo</h1>
<p className="mb-4 text-sm text-muted-foreground">

2
apps/frontend/src/features/onboard/onboard-login-page.tsx
View File

@@ -142,7 +142,7 @@ export function OnboardLoginPage({
};
return (
<main className="flex min-h-screen w-full items-center justify-center px-6">
<main className="flex min-h-screen w-full items-center justify-center px-3 sm:px-6">
<section className="w-full max-w-sm rounded-xl border bg-card p-6 text-card-foreground shadow-sm">
<h1 className="mb-2 text-2xl font-semibold">
{mode === 'login' ? 'Iniciar sesión' : 'Crear cuenta'}

2
apps/frontend/src/features/onboard/verify-email-page.tsx
View File

@@ -24,7 +24,7 @@ export function VerifyEmailPage() {
};
return (
<main className="flex min-h-screen w-full items-center justify-center px-6">
<main className="flex min-h-screen w-full items-center justify-center px-3 sm:px-6">
<section className="w-full max-w-sm rounded-xl border bg-card p-6 text-card-foreground shadow-sm">
<h1 className="mb-2 text-2xl font-semibold">Verificá tu email</h1>
<p className="mb-4 text-sm text-muted-foreground">