diff options
Diffstat (limited to 'pages/index.tsx')
| -rw-r--r-- | pages/index.tsx | 11 |
1 files changed, 3 insertions, 8 deletions
diff --git a/pages/index.tsx b/pages/index.tsx index 354efc5..c1b912d 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -16,6 +16,8 @@ import VideogameAssetIcon from '@material-ui/icons/VideogameAsset'; import { mdiRobotExcited } from '@mdi/js'; import Icon from '@mdi/react'; +import styles from '../styles/index.module.css'; + var GameModeIconStyle: CSSProperties = { fontSize: 64, width: 64, @@ -43,13 +45,6 @@ var SquareSize: CSSProperties = { height: 90, }; -var LoginOrRegisterBoxStyle: CSSProperties = { - verticalAlign: 'top', - height: `calc(${SquareSize.height}px + 24px * 2)`, - width: '100%', - maxWidth: `calc(100% - ${SquareSize.width}px - 12px * 2 - 24px * 2)`, -}; - var InnerLoginOrRegisterBoxStyle: CSSProperties = { position: 'relative', width: '100%', @@ -198,7 +193,7 @@ export default function HomePage() { <span style={GameModeTextStyle}>Tegen computer</span> <div style={SquareSize}></div> </Vierkant>} - <Vierkant style={LoginOrRegisterBoxStyle}> + <Vierkant className={styles.loginOrRegisterBox}> {loggedIn ? <AccountBox info={userInfo} sumGameInfo={gameInfo?.totals} /> : <LoginOrRegisterBox />} |