snapshot of https://github.com/makeplane/plane.git @ d868349a55de79979eb8b98701bf1702c67ad634 (2026-09-15)

apps/web/core/components/settings/content-wrapper.tsx

@@ -0,0 +1,41 @@
+/**
+ * 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>
+  );
+}