public-offering
/
cal.pub0.org
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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>
pull/8699/head^2
Jeroen Reumkens 2023-05-05 13:38:21 +01:00 committed by GitHub
parent 371e7b024a
commit be79b8ecd6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 1 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/features/bookings/Booker/Booker.tsx
View File

@ -129,13 +129,12 @@ const BookerComponent = ({ username, eventSlug, month, rescheduleBooking }: Book
// Size settings are abstracted on their own lines purely for readbility. // Size settings are abstracted on their own lines purely for readbility.
// General sizes: // General sizes:
"[--booker-main-width:480px] [--booker-timeslots-width:240px] lg:[--booker-timeslots-width:280px]", "[--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" && layout === "small_calendar" &&
"w-[calc(var(--booker-meta-width)+var(--booker-main-width))] [--booker-meta-width:240px] lg:[--booker-meta-width:280px]", "w-[calc(var(--booker-meta-width)+var(--booker-main-width))] [--booker-meta-width:240px] lg:[--booker-meta-width:280px]",
// Sizes for fullscreen layouts: // Sizes for fullscreen layouts:
layout !== "small_calendar" && "[--booker-meta-width:340px] lg:[--booker-meta-width:424px]", layout !== "small_calendar" && "[--booker-meta-width:340px] lg:[--booker-meta-width:424px]",
// Other styles // 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" && "border-subtle mt-20 min-h-[450px] rounded-md border",
layout !== "small_calendar" && "h-auto min-h-screen w-screen", layout !== "small_calendar" && "h-auto min-h-screen w-screen",
"transition-[width,max-width] duration-300" "transition-[width,max-width] duration-300"