42 lines
1.2 KiB
TypeScript
42 lines
1.2 KiB
TypeScript
/**
|
|
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-only
|
|
* See the LICENSE file for details.
|
|
*/
|
|
|
|
// plane imports
|
|
import { ScrollArea } from "@plane/propel/scrollarea";
|
|
import { cn } from "@plane/utils";
|
|
// components
|
|
import { AppHeader } from "@/components/core/app-header";
|
|
|
|
type Props = {
|
|
children: React.ReactNode;
|
|
header?: React.ReactNode;
|
|
hugging?: boolean;
|
|
};
|
|
|
|
export function SettingsContentWrapper(props: Props) {
|
|
const { children, header, hugging = false } = props;
|
|
|
|
return (
|
|
<div className="@container flex size-full grow flex-col overflow-hidden">
|
|
{header && (
|
|
<div className="w-full shrink-0">
|
|
<AppHeader header={header} />
|
|
</div>
|
|
)}
|
|
<ScrollArea scrollType="hover" orientation="vertical" size="sm" className="size-full grow overflow-y-scroll">
|
|
<div
|
|
className={cn("py-9", {
|
|
"w-full px-page-x lg:px-12": hugging,
|
|
"mx-auto w-full max-w-225 px-page-x @min-[58.95rem]:px-0": !hugging, // 58.95rem = max-width(56.25rem) + padding-x(1.35rem * 2)
|
|
})}
|
|
>
|
|
{children}
|
|
</div>
|
|
</ScrollArea>
|
|
</div>
|
|
);
|
|
}
|