Do some refactoring

2026-02-27 13:23:41 -08:00
parent 5d102ad215
commit 247a5c0ec0
12 changed files with 153 additions and 88 deletions
@@ -0,0 +1,12 @@
+import type { JSX } from "solid-js"
+
+type PageContainerProps = {
+  children: JSX.Element
+  size?: "narrow" | "wide"
+}
+
+export default function PageContainer(props: PageContainerProps) {
+  const maxWidthClass = () => (props.size === "narrow" ? "max-w-2xl" : "max-w-4xl")
+
+  return <div class={`${maxWidthClass()} mx-auto px-4 py-8`}>{props.children}</div>
+}