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

Fixing spacing on event details (#4238) 

* Fixing spacing on event details

* Shell pb 40px

Co-authored-by: Peer Richelsen <peeroke@gmail.com>
pull/4247/head^2
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web/components/v2/eventtype/EventTypeSingleLayout.tsx
View File

@ -251,7 +251,7 @@ function EventTypeSingleLayout({
</div> </div>
}> }>
<ClientSuspense fallback={<Loader />}> <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"> <div className="hidden xl:block">
<VerticalTabs tabs={EventTypeTabs} sticky /> <VerticalTabs tabs={EventTypeTabs} sticky />
</div> </div>

10
packages/ui/v2/core/Shell.tsx
View File

@ -733,9 +733,13 @@ export function ShellMain(props: LayoutProps) {
/> />
)} )}
{props.heading && ( {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>} {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 && ( {props.heading && (
<h1 className="font-cal mb-1 text-xl font-bold capitalize tracking-wide text-black"> <h1 className="font-cal mb-1 text-xl font-bold capitalize tracking-wide text-black">
{!isLocaleReady ? null : props.heading} {!isLocaleReady ? null : props.heading}
@ -751,7 +755,7 @@ export function ShellMain(props: LayoutProps) {
</header> </header>
)} )}
</div> </div>
<div className={classNames("", props.flexChildrenContainer && "flex flex-1 flex-col")}> <div className={classNames(props.flexChildrenContainer && "flex flex-1 flex-col")}>
{props.children} {props.children}
</div> </div>
</> </>