ad11a34efc
* fix: divided settings scroll for sidebar and main content * fix: handled icons * fix: mobile css
22 lines
576 B
TypeScript
22 lines
576 B
TypeScript
import { ReactNode } from "react";
|
|
import { observer } from "mobx-react";
|
|
import { cn } from "@plane/utils";
|
|
|
|
type TProps = {
|
|
children: ReactNode;
|
|
size?: "lg" | "md";
|
|
};
|
|
export const SettingsContentWrapper = observer((props: TProps) => {
|
|
const { children, size = "md" } = props;
|
|
|
|
return (
|
|
<div
|
|
className={cn("flex flex-col w-full items-center mx-auto py-4 md:py-0", {
|
|
"md:p-4 max-w-[800px] 2xl:max-w-[1000px]": size === "md",
|
|
"md:px-16": size === "lg",
|
|
})}
|
|
>
|
|
<div className="pb-10 w-full">{children}</div>
|
|
</div>
|
|
);
|
|
});
|