Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/openstatusHQ/openstatus. 🫖 Status page with uptime monitoring & API monitoring as code 🫖 openstatus.dev
bun drizzle-orm monitoring monitoring-as-code nextjs observability on-call open-source shadcn-ui status-page statuspage synthetic-monitoring tinybird turso uptime uptime-checker uptime-monitor
Something went wrong. Try again.
1.1 kB · 44 lines
TSX
123456789101112131415161718192021222324252627282930313233343536373839404142434445import { cn } from "../../../../lib/utils";import { Background } from "./background";
export function BasicLayout({ title, description, children, tw,}: { title: string; description?: string | null; children?: React.ReactNode; tw?: string;}) { return ( <Background> <div tw="flex flex-col h-full w-full px-24"> <div tw="flex flex-col flex-1 justify-end"> <div tw="flex flex-col px-12"> <h3 style={{ fontFamily: "Cal" }} tw="text-5xl"> {title} </h3> {description ? ( <p tw="text-slate-600 text-3xl" style={{ lineClamp: 2, display: "block" }} > {description} </p> ) : null} </div> </div> <div tw={cn( "mt-1 flex flex-col justify-center rounded-t-lg border-t-2 border-r-2 border-l-2 border-slate-200 bg-white px-12 shadow-2xl", tw, )} > {children} </div> </div> </Background> );}