mythic-insight/calcom
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 5

fixed event-type layout (#898)

Browse source 
* fixed event-type layout

* added props.centered to shell for centered layouts
This commit is contained in:
Peer Richelsen 2021-10-11 10:34:43 +01:00 committed by GitHub
parent 0927b86831
commit 7488f29dc9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
components/Shell.tsx
View file

@ -60,9 +60,10 @@ function useRedirectToLoginIfUnauthenticated() {
} }
export default function Shell(props: { export default function Shell(props: {
centered?: boolean;
title?: string; title?: string;
heading: ReactNode; heading: ReactNode;
subtitle: string; subtitle?: ReactNode;
children: ReactNode; children: ReactNode;
CTA?: ReactNode; CTA?: ReactNode;
}) { }) {
@ -122,7 +123,7 @@ export default function Shell(props: {
<> <>
<HeadSeo <HeadSeo
title={pageTitle ?? "Cal.com"} title={pageTitle ?? "Cal.com"}
description={props.subtitle} description={props.subtitle ? props.subtitle?.toString() : ""}
nextSeoProps={{ nextSeoProps={{
nofollow: true, nofollow: true,
noindex: true, noindex: true,
@ -133,10 +134,8 @@ export default function Shell(props: {
</div> </div>
<div className="h-screen flex overflow-hidden bg-gray-100"> <div className="h-screen flex overflow-hidden bg-gray-100">
{/* Static sidebar for desktop */}
<div className="hidden md:flex md:flex-shrink-0"> <div className="hidden md:flex md:flex-shrink-0">
<div className="flex flex-col w-56"> <div className="flex flex-col w-56">
{/* Sidebar component, swap this element with another sidebar if you like */}
<div className="flex flex-col h-0 flex-1 border-r border-gray-200 bg-white"> <div className="flex flex-col h-0 flex-1 border-r border-gray-200 bg-white">
<div className="flex-1 flex flex-col pt-5 pb-4 overflow-y-auto"> <div className="flex-1 flex flex-col pt-5 pb-4 overflow-y-auto">
<Link href="/event-types"> <Link href="/event-types">
@ -199,7 +198,7 @@ export default function Shell(props: {
</div> </div>
</div> </div>
</nav> </nav>
<div className="py-8"> <div className={classNames(props.centered && "md:max-w-5xl mx-auto", "py-8")}>
<div className="block sm:flex justify-between px-4 sm:px-6 md:px-8 min-h-[80px]"> <div className="block sm:flex justify-between px-4 sm:px-6 md:px-8 min-h-[80px]">
<div className="mb-8 w-full"> <div className="mb-8 w-full">
<h1 className="font-cal text-xl font-bold text-gray-900 tracking-wide mb-1"> <h1 className="font-cal text-xl font-bold text-gray-900 tracking-wide mb-1">

3
pages/event-types/[type].tsx
View file

@ -322,9 +322,10 @@ const EventTypePage = (props: inferSSRProps<typeof getServerSideProps>) => {
return ( return (
<div> <div>
<Shell <Shell
centered
title={`${eventType.title} | Event Type`} title={`${eventType.title} | Event Type`}
heading={ heading={
<div className="relative group" onClick={() => setEditIcon(false)}> <div className="relative group -mb-2" onClick={() => setEditIcon(false)}>
<input <input
ref={titleRef} ref={titleRef}
type="text" type="text"