diff options
| author | lonkaars <l.leblansch@gmail.com> | 2021-02-05 17:38:35 +0100 |
|---|---|---|
| committer | lonkaars <l.leblansch@gmail.com> | 2021-02-05 17:38:35 +0100 |
| commit | 6ddbbe145f70fd76f8c60a2eb86efdebd6768d06 (patch) | |
| tree | 99222461d28700adf4e3de465952fa9dd0513524 /pages/settings.tsx | |
| parent | e17bc96e330077454172e9750053491faeccc8fd (diff) | |
more settings page
Diffstat (limited to 'pages/settings.tsx')
| -rw-r--r-- | pages/settings.tsx | 20 |
1 files changed, 16 insertions, 4 deletions
diff --git a/pages/settings.tsx b/pages/settings.tsx index 5569eb4..11161a3 100644 --- a/pages/settings.tsx +++ b/pages/settings.tsx @@ -2,7 +2,7 @@ import { CSSProperties } from 'react'; import { NavBar } from '../components/navbar'; import { CenteredPage, PageTitle } from '../components/page'; -import { Vierkant, IconLabelButton } from '../components/ui'; +import { Vierkant, IconLabelButton, CheckBox } from '../components/ui'; import { AccountAvatar } from '../components/account'; import { CurrentGameSettings } from '../components/gameSettings'; @@ -30,7 +30,7 @@ export default function SettingsPage() { <div style={SettingsSubsectionStyle}> <IconLabelButton text="Bewerken" icon={<EditOutlinedIcon/>}/> <div style={{ display: "block" }}> - <b>Gebruikersnaam</b> + <h3>Gebruikersnaam</h3> <p>Hier staat hij dan</p> </div> </div> @@ -38,19 +38,31 @@ export default function SettingsPage() { <IconLabelButton text="Bewerken" icon={<EditOutlinedIcon/>}/> <IconLabelButton text="Onthullen" icon={<VisibilityOutlinedIcon/>}/> <div style={{ display: "block" }}> - <b>Email</b> + <h3>Email</h3> <p>******@example.com</p> </div> </div> <div style={SettingsSubsectionStyle}> <IconLabelButton text="Bewerken" icon={<EditOutlinedIcon/>}/> <div style={{ display: "block" }}> - <b>Wachtwoord</b> + <h3>Wachtwoord</h3> </div> </div> </Vierkant> <Vierkant style={SettingsSectionStyle}> <h2>Kleuren</h2> + <div style={SettingsSubsectionStyle}> + <h3>Schijfjes</h3> + </div> + <div style={SettingsSubsectionStyle}> + <h3>Achtergrond</h3> + </div> + <div style={SettingsSubsectionStyle}> + <div style={{ float: "right" }}> + <CheckBox/> + </div> + <h3>Donkere modus</h3> + </div> </Vierkant> <Vierkant style={SettingsSectionStyle}> <h2>Standaard spelregels</h2> |