Improved mobile layout
This commit is contained in:
@@ -18,7 +18,7 @@ export function CourtListSection({
|
||||
onEditCourt,
|
||||
}: CourtListSectionProps) {
|
||||
return (
|
||||
<section className="rounded-xl border bg-card p-4 text-card-foreground shadow-sm sm:p-5">
|
||||
<section className="rounded-xl border bg-card p-3 text-card-foreground shadow-sm sm:p-5">
|
||||
<h3 className="text-lg font-semibold">Canchas configuradas</h3>
|
||||
|
||||
{isLoading && <p className="mt-3 text-sm text-muted-foreground">Cargando canchas...</p>}
|
||||
@@ -37,7 +37,7 @@ export function CourtListSection({
|
||||
|
||||
<div className="mt-4 space-y-3">
|
||||
{courts.map((court) => (
|
||||
<article key={court.id} className="rounded-lg border p-4">
|
||||
<article key={court.id} className="rounded-lg border p-3 sm:p-4">
|
||||
<div className="flex flex-col gap-3 sm:flex-row sm:flex-wrap sm:items-center sm:justify-between">
|
||||
<div>
|
||||
<p className="font-medium">{court.name}</p>
|
||||
|
||||
Reference in New Issue
Block a user