diff options
Diffstat (limited to 'src/pages')
| -rw-r--r-- | src/pages/game.tsx | 16 | ||||
| -rw-r--r-- | src/pages/home.tsx | 6 | ||||
| -rw-r--r-- | src/pages/settings.tsx | 4 |
3 files changed, 21 insertions, 5 deletions
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> |