From 90d55c83cb4a6e3cf76622b0b8a2a9aa13fd2ba0 Mon Sep 17 00:00:00 2001
From: lonkaars <l.leblansch@gmail.com>
Date: Wed, 6 Jan 2021 13:53:56 +0100
Subject: spel pagina

---
 src/pages/game.tsx     | 16 ++++++++++++++++
 src/pages/home.tsx     |  6 +++---
 src/pages/settings.tsx |  4 ++--
 3 files changed, 21 insertions(+), 5 deletions(-)
 create mode 100644 src/pages/game.tsx

(limited to 'src/pages')

diff --git a/src/pages/game.tsx b/src/pages/game.tsx
new file mode 100644
index 0000000..b248631
--- /dev/null
+++ b/src/pages/game.tsx
@@ -0,0 +1,16 @@
+import { NavBar } from '../components/navbar';
+import { CenteredPage, PageTitle } from '../components/page';
+import { VoerBord } from '../components/voerBord';
+
+export default function GamePage() {
+	return (
+		<div>
+			<NavBar/>
+			<CenteredPage width={900}>
+				<PageTitle>Niew spel starten</PageTitle>
+				<VoerBord width={7} height={6}/>
+			</CenteredPage>
+		</div>
+	);
+}
+
diff --git a/src/pages/home.tsx b/src/pages/home.tsx
index 3583cfb..7196fc4 100644
--- a/src/pages/home.tsx
+++ b/src/pages/home.tsx
@@ -51,10 +51,10 @@ var RightAlignedTableColumn: CSSProperties = {
 export default function HomePage() {
 	return (
 		<div>
-			<NavBar />
-			<CenteredPage>
+			<NavBar/>
+			<CenteredPage width={802}>
 				<PageTitle>4 op een rij</PageTitle>
-				<Vierkant href="/">
+				<Vierkant href="/game">
 					<VideogameAssetIcon style={GameModeIconStyle}/>
 					<span style={GameModeTextStyle}>Nieuw spel</span>
 					<div style={SquareSize}></div>
diff --git a/src/pages/settings.tsx b/src/pages/settings.tsx
index 7c886d6..7460055 100644
--- a/src/pages/settings.tsx
+++ b/src/pages/settings.tsx
@@ -6,8 +6,8 @@ import { Vierkant } from '../components/vierkant';
 export default function SettingsPage() {
 	return (
 		<div>
-			<NavBar />
-			<CenteredPage>
+			<NavBar/>
+			<CenteredPage width={802}>
 				<PageTitle>Instellingen</PageTitle>
 				<Vierkant width="calc(100% - 12px)">
 					<h2>Account</h2>
-- 
cgit v1.2.3