diff options
Diffstat (limited to 'pages')
| -rw-r--r-- | pages/_app.tsx | 1 | ||||
| -rw-r--r-- | pages/settings.tsx | 20 |
2 files changed, 16 insertions, 5 deletions
diff --git a/pages/_app.tsx b/pages/_app.tsx index 23f9f79..7be2763 100644 --- a/pages/_app.tsx +++ b/pages/_app.tsx @@ -1,5 +1,4 @@ import '../styles/global.css'; -import '../styles/dark.css'; export default function VierOpEenRijWebsite({ Component, pageProps }) { return <Component {...pageProps}/> 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> |