From ae4375d8b492c244328a88190e8ed10c8dbd2fda Mon Sep 17 00:00:00 2001
From: lonkaars <l.leblansch@gmail.com>
Date: Tue, 20 Apr 2021 16:21:51 +0200
Subject: all pages without inline styles

---
 pages/game.tsx     | 8 +-------
 pages/login.tsx    | 2 +-
 pages/register.tsx | 2 +-
 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;
+}
+
-- 
cgit v1.2.3