diff options
| author | lonkaars <l.leblansch@gmail.com> | 2021-02-06 11:19:59 +0100 |
|---|---|---|
| committer | lonkaars <l.leblansch@gmail.com> | 2021-02-06 11:19:59 +0100 |
| commit | 26a0e352c62889e630a84b0333f4148f740fdd7f (patch) | |
| tree | 28bee016b1af48733685aa8619ce6f2b5aecc8bf /pages/settings.tsx | |
| parent | 6ddbbe145f70fd76f8c60a2eb86efdebd6768d06 (diff) | |
added fullwidth prop to Vierkant
Diffstat (limited to 'pages/settings.tsx')
| -rw-r--r-- | pages/settings.tsx | 7 |
1 files changed, 3 insertions, 4 deletions
diff --git a/pages/settings.tsx b/pages/settings.tsx index 11161a3..0519b27 100644 --- a/pages/settings.tsx +++ b/pages/settings.tsx @@ -9,7 +9,6 @@ import { CurrentGameSettings } from '../components/gameSettings'; import EditOutlinedIcon from '@material-ui/icons/EditOutlined'; import VisibilityOutlinedIcon from '@material-ui/icons/VisibilityOutlined'; -var SettingsSectionStyle: CSSProperties = { width: "calc(100% - 12px)" }; var SettingsSubsectionStyle: CSSProperties = { marginTop: 24, minHeight: 40 @@ -21,7 +20,7 @@ export default function SettingsPage() { <NavBar/> <CenteredPage width={802}> <PageTitle>Instellingen</PageTitle> - <Vierkant style={SettingsSectionStyle}> + <Vierkant fullwidth> <h2>Account</h2> <div style={SettingsSubsectionStyle}> <AccountAvatar size={100} dummy/> @@ -49,7 +48,7 @@ export default function SettingsPage() { </div> </div> </Vierkant> - <Vierkant style={SettingsSectionStyle}> + <Vierkant fullwidth> <h2>Kleuren</h2> <div style={SettingsSubsectionStyle}> <h3>Schijfjes</h3> @@ -64,7 +63,7 @@ export default function SettingsPage() { <h3>Donkere modus</h3> </div> </Vierkant> - <Vierkant style={SettingsSectionStyle}> + <Vierkant fullwidth> <h2>Standaard spelregels</h2> <div style={SettingsSubsectionStyle}> <CurrentGameSettings/> |