From be79b8ecd639782676fc55262ac765ef986b3b4d Mon Sep 17 00:00:00 2001 From: Jeroen Reumkens Date: Fri, 5 May 2023 13:38:21 +0100 Subject: [PATCH] CAL-1554: remove gap between form and event meta on now booker due to css grid alignment (#8667) Co-authored-by: sean-brydon <55134778+sean-brydon@users.noreply.github.com> --- packages/features/bookings/Booker/Booker.tsx | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/packages/features/bookings/Booker/Booker.tsx b/packages/features/bookings/Booker/Booker.tsx index 05ec5d471a..aec279eaf4 100644 --- a/packages/features/bookings/Booker/Booker.tsx +++ b/packages/features/bookings/Booker/Booker.tsx @@ -129,13 +129,12 @@ const BookerComponent = ({ username, eventSlug, month, rescheduleBooking }: Book // Size settings are abstracted on their own lines purely for readbility. // General sizes: "[--booker-main-width:480px] [--booker-timeslots-width:240px] lg:[--booker-timeslots-width:280px]", - // Sizes only applicable for small_calendar + "bg-muted grid max-w-full auto-rows-max items-start overflow-clip dark:[color-scheme:dark] md:flex-row", layout === "small_calendar" && "w-[calc(var(--booker-meta-width)+var(--booker-main-width))] [--booker-meta-width:240px] lg:[--booker-meta-width:280px]", // Sizes for fullscreen layouts: layout !== "small_calendar" && "[--booker-meta-width:340px] lg:[--booker-meta-width:424px]", // Other styles - "bg-muted grid max-w-full items-start overflow-clip dark:[color-scheme:dark] md:flex-row", layout === "small_calendar" && "border-subtle mt-20 min-h-[450px] rounded-md border", layout !== "small_calendar" && "h-auto min-h-screen w-screen", "transition-[width,max-width] duration-300"