fixes top right sections overflow on event page (#15109)

Co-authored-by: Keith Williams <keithwillcode@gmail.com>
This commit is contained in:
Afrin Nahar
2024-05-31 04:23:19 +00:00
committed by GitHub
co-authored by Keith Williams
parent 7434d91d48
commit dd24100035
+3 -3
View File
@@ -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",