From 4127485deac743ca580f98a4cb908e03b7b0f5f2 Mon Sep 17 00:00:00 2001 From: Ivan Date: Mon, 2 Mar 2026 00:38:58 +0000 Subject: [PATCH] fix: support 6-column grid layout in booking calendar Co-Authored-By: Claude Opus 4.6 --- apps/web/components/bookings/booking-calendar.tsx | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/apps/web/components/bookings/booking-calendar.tsx b/apps/web/components/bookings/booking-calendar.tsx index 1a2f4a9..3483966 100644 --- a/apps/web/components/bookings/booking-calendar.tsx +++ b/apps/web/components/bookings/booking-calendar.tsx @@ -304,8 +304,10 @@ export function BookingCalendar({ siteId, onSlotClick }: BookingCalendarProps) { courts.length === 2 && "grid-cols-2", courts.length === 3 && "grid-cols-3", courts.length === 4 && "grid-cols-4", - courts.length >= 5 && "grid-cols-5" + courts.length === 5 && "grid-cols-5", + courts.length >= 6 && "grid-cols-6" )} + style={courts.length >= 5 ? { minWidth: `${courts.length * 150}px` } : undefined} > {courts.map((court) => (
= 5 && "grid-cols-5" + courts.length === 5 && "grid-cols-5", + courts.length >= 6 && "grid-cols-6" )} + style={courts.length >= 5 ? { minWidth: `${courts.length * 150}px` } : undefined} > {courts.map((court) => { const courtAvail = availability.get(court.id);