aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorlonkaars <l.leblansch@gmail.com>2021-04-20 16:21:51 +0200
committerlonkaars <l.leblansch@gmail.com>2021-04-20 16:21:51 +0200
commitae4375d8b492c244328a88190e8ed10c8dbd2fda (patch)
tree7173c87dddbd9ee27c173e036a24bae379fce3bd
parentc140e56db162755d7f85e89306236a0a09bf4e35 (diff)
all pages without inline styles
-rw-r--r--pages/game.tsx8
-rw-r--r--pages/login.tsx2
-rw-r--r--pages/register.tsx2
-rw-r--r--styles/game.css5
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;
+}
+