From d2c2cc62a4c2e1ac10f8434bea7bb834da820869 Mon Sep 17 00:00:00 2001
From: lonkaars <l.leblansch@gmail.com>
Date: Sat, 16 Jan 2021 11:40:36 +0100
Subject: semi working next project

---
 components/page.tsx | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)
 create mode 100644 components/page.tsx

(limited to 'components/page.tsx')

diff --git a/components/page.tsx b/components/page.tsx
new file mode 100644
index 0000000..d8a4a2b
--- /dev/null
+++ b/components/page.tsx
@@ -0,0 +1,32 @@
+import { Component, CSSProperties, ReactNode } from 'react';
+
+interface CenteredPageProps {
+	width?: number;
+	children?: ReactNode;
+	style?: CSSProperties;
+}
+
+export function CenteredPage (props: CenteredPageProps) {
+	return <div className="CenteredPageOuter" style={{
+		maxWidth: props.width,
+		margin: "0 auto"
+	}}>
+		<div className="CenteredPageInner" style={{
+			margin: "0 6px",
+			lineHeight: 0,
+			...props.style
+		}}>{props.children}</div>
+	</div>;
+}
+
+export class PageTitle extends Component {
+	render () {
+		return <h1 style={{
+			color: "var(--text-alt)",
+			marginLeft: 6,
+			marginTop: 32,
+			marginBottom: 64,
+			fontSize: 25,
+		}}>{this.props.children}</h1>;
+	}
+}
-- 
cgit v1.2.3

