From dd24100035ae1ed0f39e1f14a384bfcf8e0eb388 Mon Sep 17 00:00:00 2001 From: Afrin Nahar <125039325+Afrin127329@users.noreply.github.com> Date: Fri, 31 May 2024 10:23:19 +0600 Subject: [PATCH] fixes top right sections overflow on event page (#15109) Co-authored-by: Keith Williams --- packages/features/bookings/Booker/Booker.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/features/bookings/Booker/Booker.tsx b/packages/features/bookings/Booker/Booker.tsx index 6e0e21ea77..0604ac950c 100644 --- a/packages/features/bookings/Booker/Booker.tsx +++ b/packages/features/bookings/Booker/Booker.tsx @@ -1,6 +1,6 @@ -import { LazyMotion, m, AnimatePresence } from "framer-motion"; +import { AnimatePresence, LazyMotion, m } from "framer-motion"; import dynamic from "next/dynamic"; -import { useEffect, useRef, useMemo } from "react"; +import { useEffect, useMemo, useRef } from "react"; import StickyBox from "react-sticky-box"; import { shallow } from "zustand/shallow"; @@ -270,7 +270,7 @@ const BookerComponent = ({ ref={animationScope} className={classNames( ...getBookerSizeClassNames(layout, bookerState, hideEventTypeDetails), - `bg-default dark:bg-muted grid max-w-full items-start dark:[color-scheme:dark] sm:transition-[width] sm:duration-300 sm:motion-reduce:transition-none md:flex-row`, + `bg-default dark:bg-muted grid max-w-full items-start dark:[color-scheme:dark] sm:transition-[width] sm:duration-300 sm:motion-reduce:transition-none md:mt-16 md:flex-row`, // We remove border only when the content covers entire viewport. Because in embed, it can almost never be the case that it covers entire viewport, we show the border there (layout === BookerLayouts.MONTH_VIEW || isEmbed) && "border-subtle rounded-md", !isEmbed && "sm:transition-[width] sm:duration-300",