Improved mobile layout

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

View File

@@ -29,7 +29,7 @@ export function SelectComplexPage() {
if (complexesQuery.isLoading) {
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">
<Loader2 className="h-8 w-8 animate-spin text-muted-foreground" />
</main>
);
@@ -37,7 +37,7 @@ export function SelectComplexPage() {
if (complexesQuery.isError) {
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">
<div className="text-center">
<p className="text-destructive">Error al cargar tus complejos.</p>
<Button variant="link" className="mt-2" onClick={() => complexesQuery.refetch()}>
@@ -52,7 +52,7 @@ export function SelectComplexPage() {
if (complexes.length === 0) {
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">
<div className="text-center">
<p className="text-muted-foreground">No tenés complejos asociados.</p>
</div>
@@ -61,7 +61,7 @@ export function SelectComplexPage() {
}
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-md space-y-6">
<div className="space-y-2">
<h1 className="text-2xl font-semibold">Seleccioná un complejo</h1>