fixes top right sections overflow on event page (#15109)
Co-authored-by: Keith Williams <keithwillcode@gmail.com>
This commit is contained in:
co-authored by
Keith Williams
parent
7434d91d48
commit
dd24100035
@@ -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",
|
||||
|
||||
Reference in New Issue
Block a user