coole titel

1 files changed, 16 insertions, 2 deletions

diff --git a/src/components/page.tsx b/src/components/page.tsx
index 03a6fbc..045b0f7 100644
--- a/src/components/page.tsx
+++ b/src/components/page.tsx
@@ -8,7 +8,21 @@ var CenteredPageStyle: CSSProperties = {
 export class CenteredPage extends Component {
 	render () {
 		return <div style={CenteredPageStyle}>
-			{this.props.children}
-		</div>
+			<div style={{margin: "0 6px"}}> {this.props.children} </div>
+		</div>;
+	}
+}
+
+var PageTitleStyle: CSSProperties = {
+	color: "var(--background)",
+	marginLeft: 6,
+	marginTop: 32,
+	marginBottom: 64,
+	fontSize: 25
+}
+
+export class PageTitle extends Component {
+	render () {
+		return <h1 style={PageTitleStyle}>{this.props.children}</h1>;
 	}
 }