Improved mobile layout
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user