Fixing spacing on event details (#4238)

* Fixing spacing on event details

* Shell pb 40px

Co-authored-by: Peer Richelsen <peeroke@gmail.com>
This commit is contained in:
sean-brydon 2022-09-07 17:28:58 +01:00 committed by GitHub
parent 7b36df9eb3
commit 46e46bc1de
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 4 deletions

View File

@ -251,7 +251,7 @@ function EventTypeSingleLayout({
</div>
}>
<ClientSuspense fallback={<Loader />}>
<div className="mt-4 flex flex-col xl:flex-row xl:space-x-8">
<div className="-mt-2 flex flex-col xl:flex-row xl:space-x-8">
<div className="hidden xl:block">
<VerticalTabs tabs={EventTypeTabs} sticky />
</div>

View File

@ -733,9 +733,13 @@ export function ShellMain(props: LayoutProps) {
/>
)}
{props.heading && (
<header className={classNames(props.large && "py-8", "flex w-full items-center pt-4 md:p-0")}>
<header
className={classNames(
props.large && "py-8",
"mb-4 flex w-full items-center pt-4 md:p-0 lg:mb-10"
)}>
{props.HeadingLeftIcon && <div className="ltr:mr-4">{props.HeadingLeftIcon}</div>}
<div className="mb-4 w-full ltr:mr-4 rtl:ml-4">
<div className="w-full ltr:mr-4 rtl:ml-4">
{props.heading && (
<h1 className="font-cal mb-1 text-xl font-bold capitalize tracking-wide text-black">
{!isLocaleReady ? null : props.heading}
@ -751,7 +755,7 @@ export function ShellMain(props: LayoutProps) {
</header>
)}
</div>
<div className={classNames("", props.flexChildrenContainer && "flex flex-1 flex-col")}>
<div className={classNames(props.flexChildrenContainer && "flex flex-1 flex-col")}>
{props.children}
</div>
</>