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 (
<div style={{ display: "flex", alignItems: "center", height: "75vh" }}>
<div style={{ display: "flex", alignItems: "center", height: "100vh" }}>
{start ? (
<Game
StartingDifficulty={startingSecurityLevel}

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