first

apps/web/modules/saas/shared/components/AppWrapper.tsx

@@ -0,0 +1,33 @@
+import { config } from "@repo/config";
+import { NavBar } from "@saas/shared/components/NavBar";
+import { cn } from "@ui/lib";
+import type { PropsWithChildren } from "react";
+
+export function AppWrapper({ children }: PropsWithChildren) {
+	return (
+		<div
+			className={cn(
+				"bg-[radial-gradient(farthest-corner_at_0%_0%,color-mix(in_oklch,var(--color-primary),transparent_95%)_0%,var(--color-background)_50%)] dark:bg-[radial-gradient(farthest-corner_at_0%_0%,color-mix(in_oklch,var(--color-primary),transparent_90%)_0%,var(--color-background)_50%)]",
+				[config.ui.saas.useSidebarLayout ? "" : ""],
+			)}
+		>
+			<NavBar />
+			<div
+				className={cn(" md:pr-4 py-4 flex", [
+					config.ui.saas.useSidebarLayout
+						? "min-h-[calc(100vh)] md:ml-[280px]"
+						: "",
+				])}
+			>
+				<main
+					className={cn(
+						"py-6 border rounded-2xl bg-card px-4 md:p-8 min-h-full w-full",
+						[config.ui.saas.useSidebarLayout ? "" : ""],
+					)}
+				>
+					<div className="container px-0">{children}</div>
+				</main>
+			</div>
+		</div>
+	);
+}