Better centering and change arrows

This commit is contained in:
nickofolas 2022-04-29 15:56:34 -05:00
parent d0c48585bc
commit c613021e8f
2 changed files with 3 additions and 3 deletions

@ -23,7 +23,7 @@ export function InfiltrationRoot(props: IProps): React.ReactElement {
} }
return ( return (
<div style={{ display: "flex", alignItems: "center", height: "75vh" }}> <div style={{ display: "flex", alignItems: "center", height: "100vh" }}>
{start ? ( {start ? (
<Game <Game
StartingDifficulty={startingSecurityLevel} StartingDifficulty={startingSecurityLevel}

@ -92,10 +92,10 @@ export function Intro(props: IProps): React.ReactElement {
<Typography sx={{ lineHeight: "1em", whiteSpace: "pre" }}>[{coloredArrow(props.Difficulty)}]</Typography> <Typography sx={{ lineHeight: "1em", whiteSpace: "pre" }}>[{coloredArrow(props.Difficulty)}]</Typography>
<Typography <Typography
sx={{ lineHeight: "1em", whiteSpace: "pre" }} sx={{ lineHeight: "1em", whiteSpace: "pre" }}
>{` ^ ^ ^ ^`}</Typography> >{` ▲ ▲ ▲ ▲`}</Typography>
<Typography <Typography
sx={{ lineHeight: "1em", whiteSpace: "pre" }} sx={{ lineHeight: "1em", whiteSpace: "pre" }}
>{` Trivial Normal Hard Impossible`}</Typography> >{` Trivial Normal Hard Impossible`}</Typography>
</Paper> </Paper>
<Paper sx={{ p: 1, textAlign: "center", display: "grid", justifyItems: "center" }}> <Paper sx={{ p: 1, textAlign: "center", display: "grid", justifyItems: "center" }}>