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

feat: update public booking page layout for improved responsiveness

Browse Source
This commit is contained in:
Jose Selesan
2026-04-24 14:50:46 -03:00
parent f1a7e6c24a
commit c63f0f2109
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
apps/frontend/src/features/public-booking/public-booking-page.tsx
View File

@@ -461,8 +461,8 @@ export function PublicBookingPage({ complexSlug }: PublicBookingPageProps) {
</p>
</div>
<div className="grid gap-3 sm:grid-cols-2">
<div className="rounded-2xl border border-border/70 bg-background p-4">
<div className="hidden gap-3 sm:grid sm:grid-cols-2">
<div className="hidden sm:block rounded-2xl border border-border/70 bg-background p-4">
<p className="text-xs uppercase tracking-[0.24em] text-muted-foreground">
Fecha elegida
</p>
@@ -470,13 +470,13 @@ export function PublicBookingPage({ complexSlug }: PublicBookingPageProps) {
{selectedDateLabel}
</p>
</div>
<div className="rounded-2xl border border-border/70 bg-background p-4">
<div className="hidden sm:block rounded-2xl border border-border/70 bg-background p-4">
<p className="text-xs uppercase tracking-[0.24em] text-muted-foreground">Deporte</p>
<p className="mt-2 text-sm font-medium text-foreground">
{selectedSportLabel ?? 'Sin selección'}
</p>
</div>
<div className="rounded-2xl border border-border/70 bg-background p-4">
<div className="hidden sm:block rounded-2xl border border-border/70 bg-background p-4">
<p className="text-xs uppercase tracking-[0.24em] text-muted-foreground">
Canchas visibles
</p>
@@ -484,7 +484,7 @@ export function PublicBookingPage({ complexSlug }: PublicBookingPageProps) {
{visibleCourts.length} disponibles
</p>
</div>
<div className="rounded-2xl border border-border/70 bg-background p-4">
<div className="hidden sm:block rounded-2xl border border-border/70 bg-background p-4">
<p className="text-xs uppercase tracking-[0.24em] text-muted-foreground">Estado</p>
<p className="mt-2 text-sm font-medium text-foreground">
{selectedSlot ? 'Turno listo para confirmar' : 'Elegí un horario'}