diff options
| author | Loek Le Blansch <32883851+lonkaars@users.noreply.github.com> | 2021-01-31 14:33:50 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-01-31 14:33:50 +0100 |
| commit | 75255cd0085e4d7457a7af45e6192c6cfaf5e6e5 (patch) | |
| tree | f3dd2503199729941355b662f3799b67e06f2485 /pages/settings.tsx | |
| parent | cd876e0e3000855cf407eee86b9a4d46e8875d91 (diff) | |
| parent | 8de79c8869b254992e5c6df391c5ebd1e1da2f1a (diff) | |
Merge pull request #2 from lonkaars/nextjs
move from react routing thingy to next.js
Diffstat (limited to 'pages/settings.tsx')
| -rw-r--r-- | pages/settings.tsx | 33 |
1 files changed, 33 insertions, 0 deletions
diff --git a/pages/settings.tsx b/pages/settings.tsx new file mode 100644 index 0000000..6bb7c46 --- /dev/null +++ b/pages/settings.tsx @@ -0,0 +1,33 @@ +import { CSSProperties } from 'react'; + +import { NavBar } from '../components/navbar'; +import { CenteredPage, PageTitle } from '../components/page'; +import { Vierkant } from '../components/ui'; +/* import { AccountAvatar } from '../components/account'; */ +import { CurrentGameSettings, EditGameSettings } from '../components/gameSettings'; + +var SettingsSectionHeaderStyle: CSSProperties = { + marginBottom: 24 +} + +export default function SettingsPage() { + return ( + <div> + <NavBar/> + <CenteredPage width={802}> + <PageTitle>Instellingen</PageTitle> + <Vierkant width="calc(100% - 12px)"> + <h2 style={SettingsSectionHeaderStyle}>Account</h2> + </Vierkant> + <Vierkant width="calc(100% - 12px)"> + <h2 style={SettingsSectionHeaderStyle}>Kleuren</h2> + </Vierkant> + <Vierkant width="calc(100% - 12px)"> + <h2 style={SettingsSectionHeaderStyle}>Standaard spelregels</h2> + <CurrentGameSettings/> + </Vierkant> + </CenteredPage> + </div> + ); +} + |