diff options
| -rw-r--r-- | pages/game.tsx | 8 | ||||
| -rw-r--r-- | pages/login.tsx | 2 | ||||
| -rw-r--r-- | pages/register.tsx | 2 | ||||
| -rw-r--r-- | styles/game.css | 5 |
4 files changed, 8 insertions, 9 deletions
diff --git a/pages/game.tsx b/pages/game.tsx index 9e702ed..de2c089 100644 --- a/pages/game.tsx +++ b/pages/game.tsx @@ -65,13 +65,7 @@ function VoerGame(props: { }); }, []); - return <div - className='posrel abscenterv' - style={{ - maxWidth: '100vh', - margin: '0 auto', - }} - > + return <div className='voerGame posrel abscenterv'> <VoerBord width={width} height={height} diff --git a/pages/login.tsx b/pages/login.tsx index 73fbb52..4cadd82 100644 --- a/pages/login.tsx +++ b/pages/login.tsx @@ -48,7 +48,7 @@ export default function LoginPage() { return ( <div> <NavBar /> - <CenteredPage width={500} style={{ height: '100vh' }}> + <CenteredPage width={500} className="h100vh"> <div className='posrel center centeredForm'> <Vierkant className='pad-l bg-800'> <form onSubmit={(e) => submitLogin(e, toast)}> diff --git a/pages/register.tsx b/pages/register.tsx index 63f51f7..2709a10 100644 --- a/pages/register.tsx +++ b/pages/register.tsx @@ -88,7 +88,7 @@ export default function RegisterPage() { return ( <div> <NavBar /> - <CenteredPage width={500} style={{ height: '100vh' }}> + <CenteredPage width={500} className="h100vh"> <div className='posrel center centeredForm'> <Vierkant className='pad-l bg-800'> <form onSubmit={(e) => submitRegister(e, toast)}> diff --git a/styles/game.css b/styles/game.css index de00b1c..f454691 100644 --- a/styles/game.css +++ b/styles/game.css @@ -68,3 +68,8 @@ .gameBar .move.move-a { background-color: var(--error); } .gameBar .move.move-b { background-color: var(--confirm); } +.voerGame { + max-width: 100vh; + margin: 0 auto; +} + |