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.
870 B · 36 lines
TSX
12345678910111213141516171819202122232425262728293031323334353637import { cn } from "../../../../lib/utils";
export function Background({ children, tw,}: { children: React.ReactNode; tw?: string;}) { return ( <div tw={cn( "relative flex h-full w-full flex-col items-center justify-center bg-white", tw, )} > <div tw="flex w-full h-full absolute inset-0" // not every css variable is supported style={{ backgroundImage: "radial-gradient(#cbd5e1 10%, transparent 10%)", backgroundSize: "16px 16px", }} /> <div tw="flex w-full h-full absolute inset-0 opacity-70" style={{ backgroundColor: "white", backgroundImage: "radial-gradient(farthest-corner at 100px 100px, #cbd5e1, white 80%)", // tbd: switch color position }} /> {children} </div> );}