diff options
Diffstat (limited to 'pages')
| -rw-r--r-- | pages/game.tsx | 2 | ||||
| -rw-r--r-- | pages/index.tsx | 12 | ||||
| -rw-r--r-- | pages/login.tsx | 2 | ||||
| -rw-r--r-- | pages/register.tsx | 2 | ||||
| -rw-r--r-- | pages/search.tsx | 2 | ||||
| -rw-r--r-- | pages/settings.tsx | 8 | ||||
| -rw-r--r-- | pages/user.tsx | 8 |
7 files changed, 18 insertions, 18 deletions
diff --git a/pages/game.tsx b/pages/game.tsx index d6d7fb0..9e702ed 100644 --- a/pages/game.tsx +++ b/pages/game.tsx @@ -1,7 +1,7 @@ import Icon from '@mdi/react'; import axios from 'axios'; import copy from 'copy-to-clipboard'; -import { CSSProperties, useContext, useEffect, useState } from 'react'; +import { useContext, useEffect, useState } from 'react'; import * as cookies from 'react-cookies'; import { Socket } from 'socket.io-client'; import { SocketContext } from '../components/socketContext'; diff --git a/pages/index.tsx b/pages/index.tsx index 873cf8b..c4b4baf 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -93,31 +93,31 @@ export default function HomePage() { <CenteredPage width={802}> <PageTitle>4 op een rij</PageTitle> <div className='topbar'> - <Vierkant className='gamemode' href='/game'> + <Vierkant className='gamemode bg-800' href='/game'> <VideogameAssetIcon className='icon' /> <span className='text'>Nieuw spel</span> </Vierkant> {false - && <Vierkant className='gamemode' href='/'> + && <Vierkant className='gamemode bg-800' href='/'> <ExtensionIcon className='icon' /> <span className='text'>Puzzels</span> </Vierkant>} {false - && <Vierkant className='gamemode' href='/'> + && <Vierkant className='gamemode bg-800' href='/'> <Icon path={mdiRobotExcited} className='icon' /> <span className='text'>Tegen computer</span> </Vierkant>} - <Vierkant className='loginOrRegisterBox pad-l valigntop'> + <Vierkant className='loginOrRegisterBox pad-l valigntop bg-800'> {loggedIn ? <AccountBox info={userInfo} sumGameInfo={gameInfo?.totals} /> : <LoginOrRegisterBox />} </Vierkant> </div> {loggedIn - && <Vierkant className='fullwidth pad-l'> + && <Vierkant className='w100m2m pad-l bg-800'> <RecentGames games={gameInfo?.games} /> </Vierkant>} - <Vierkant className='w100m2m pad-l'> + <Vierkant className='w100m2m pad-l bg-800'> <h2>Nieuws ofzo</h2> <p style={{ margin: '6px 0' }}>Chess.com heeft heel veel troep waar niemand naar kijkt</p> </Vierkant> diff --git a/pages/login.tsx b/pages/login.tsx index 9e26b50..73fbb52 100644 --- a/pages/login.tsx +++ b/pages/login.tsx @@ -50,7 +50,7 @@ export default function LoginPage() { <NavBar /> <CenteredPage width={500} style={{ height: '100vh' }}> <div className='posrel center centeredForm'> - <Vierkant className='pad-l'> + <Vierkant className='pad-l bg-800'> <form onSubmit={(e) => submitLogin(e, toast)}> <Input autofocus diff --git a/pages/register.tsx b/pages/register.tsx index 90dab3e..63f51f7 100644 --- a/pages/register.tsx +++ b/pages/register.tsx @@ -90,7 +90,7 @@ export default function RegisterPage() { <NavBar /> <CenteredPage width={500} style={{ height: '100vh' }}> <div className='posrel center centeredForm'> - <Vierkant className='pad-l'> + <Vierkant className='pad-l bg-800'> <form onSubmit={(e) => submitRegister(e, toast)}> <Input autofocus diff --git a/pages/search.tsx b/pages/search.tsx index e0f3123..7aba29c 100644 --- a/pages/search.tsx +++ b/pages/search.tsx @@ -47,7 +47,7 @@ function SearchResult(props: { user: userInfo; }) { function BigSearchBar(props: { searchFunction: (event?: FormEvent<HTMLFormElement>) => void; }) { - return <Vierkant className='pad-m w100m2m bigSearchBar posrel'> + return <Vierkant className='pad-m bg-800 w100m2m bigSearchBar posrel'> <form onSubmit={props.searchFunction}> <Input id='bigSearchBar' diff --git a/pages/settings.tsx b/pages/settings.tsx index 672edac..0ca2c30 100644 --- a/pages/settings.tsx +++ b/pages/settings.tsx @@ -48,7 +48,7 @@ export default function SettingsPage() { <NavBar /> <CenteredPage width={802}> <PageTitle>Instellingen</PageTitle> - <Vierkant className='section account w100m2m pad-l'> + <Vierkant className='section account w100m2m pad-l bg-800'> <h2>Account</h2> <div className='subsection'> <AccountAvatar size={100} /> @@ -92,7 +92,7 @@ export default function SettingsPage() { </div> </div> </Vierkant> - <Vierkant className='section colors w100m2m pad-l'> + <Vierkant className='section colors w100m2m pad-l bg-800'> <h2>Kleuren</h2> <div className='subsection'> <ColorPicker /> @@ -117,13 +117,13 @@ export default function SettingsPage() { <h3>Donkere modus</h3> </div> </Vierkant> - <Vierkant className='section gamerules w100m2m pad-l'> + <Vierkant className='section gamerules w100m2m pad-l bg-800'> <h2>Standaard spelregels</h2> <div className='subsection'> <CurrentGameSettings /> </div> </Vierkant> - <Vierkant className='section logout w100m2m pad-l'> + <Vierkant className='section logout w100m2m pad-l bg-800'> <h2>Uitloggen</h2> <div className='center'> <IconLabelButton diff --git a/pages/user.tsx b/pages/user.tsx index e1c3674..9741275 100644 --- a/pages/user.tsx +++ b/pages/user.tsx @@ -125,7 +125,7 @@ export default function AccountPage() { <NavBar /> <CenteredPage width={802}> <PageTitle>Profiel</PageTitle> - <Vierkant className='accountHeader w100m2m pad-l'> + <Vierkant className='accountHeader w100m2m pad-l bg-800'> <div className='inner posrel'> <AccountAvatar size={128} id={user?.id || ''} /> <div className='userInfo dispinbl valigntop'> @@ -280,7 +280,7 @@ export default function AccountPage() { </div> </div> </Vierkant> - <Vierkant className='infosection pad-l w100m2m'> + <Vierkant className='infosection pad-l w100m2m bg-800'> <div className='inner sidebyside'> <InfoModule icon={<Icon size={1} path={mdiCheckboxBlankCircle} className='outcome win' />} @@ -312,7 +312,7 @@ export default function AccountPage() { <InfoModule icon={<Icon size={1} path={mdiEarth} />} label='Nederland' /> </div> </Vierkant> - <Vierkant className='infosection pad-l w100m2m sidebyside'> + <Vierkant className='infosection pad-l w100m2m sidebyside bg-800'> <div className='inner sidebyside'> <InfoModule icon={<ArrowUpwardOutlinedIcon className='outcome win' />} @@ -340,7 +340,7 @@ export default function AccountPage() { /> </div> </Vierkant> - <Vierkant className='pad-l'> + <Vierkant className='pad-l bg-800'> <RecentGames games={gameInfo?.games} /> </Vierkant> </CenteredPage> |