diff options
Diffstat (limited to 'pages')
| -rw-r--r-- | pages/_app.tsx | 3 | ||||
| -rw-r--r-- | pages/index.tsx | 11 |
2 files changed, 6 insertions, 8 deletions
diff --git a/pages/_app.tsx b/pages/_app.tsx index 0682a4d..bf9a280 100644 --- a/pages/_app.tsx +++ b/pages/_app.tsx @@ -7,6 +7,9 @@ import '../styles/dark.css'; import '../styles/disk.css'; import '../styles/footer.css'; import '../styles/global.css'; +import '../styles/utility.css'; +import '../styles/ui.css'; +import '../styles/navbar.css'; export default function VierOpEenRijWebsite({ Component, pageProps }) { return <div> 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 />} |