fix: Re-add the page margin for pages that need it

This commit is contained in:
Alexander Polynomdivision 2018-10-10 13:50:30 +02:00
parent d9ec095d5c
commit b453947fc5
7 changed files with 8 additions and 8 deletions

View File

@ -65,7 +65,7 @@ export default class Dashboard extends React.Component<IProps> {
const level = this.props.nextLevel; const level = this.props.nextLevel;
return <div> return <div className="content">
<Grid container direction={direction} spacing={16}> <Grid container direction={direction} spacing={16}>
<Grid item lg={4}> <Grid item lg={4}>
<Paper className="paper"> <Paper className="paper">

View File

@ -17,7 +17,7 @@ export default class IntroPage extends React.Component<IProps> {
render() { render() {
const small = window.matchMedia("(max-width: 700px)").matches; const small = window.matchMedia("(max-width: 700px)").matches;
const cName = small ? "intro-card-xs" : "intro-card-lg"; const cName = small ? "intro-card-xs" : "intro-card-lg";
return <div> return <div className="content">
<Grid container justify="center"> <Grid container justify="center">
<Card className={cName}> <Card className={cName}>
<CardContent> <CardContent>

View File

@ -81,7 +81,7 @@ const LevelListWithRouter = withRouter(
const suffix = levels.indexOf(level.level) !== -1 ? " ✔" : ""; const suffix = levels.indexOf(level.level) !== -1 ? " ✔" : "";
return <Grid item key={key++}> return <Grid item key={key++}>
<Card style={{ <Card style={{
width: small ? window.width - 32 : "300px" width: small ? window.innerWidth - 32 : "300px"
}}> }}>
<CardContent className={cName}> <CardContent className={cName}>
<Typography variant="title">{`Level ${level.level}${suffix}`}</Typography> <Typography variant="title">{`Level ${level.level}${suffix}`}</Typography>
@ -102,7 +102,7 @@ const LevelListWithRouter = withRouter(
</Grid>; </Grid>;
}; };
return <div> return <div className="content">
<Grid container spacing={16} direction="row"> <Grid container spacing={16} direction="row">
{this.props.levels.map(levelToCard)} {this.props.levels.map(levelToCard)}
</Grid> </Grid>

View File

@ -82,7 +82,7 @@ const LoginPageWithRouter = withRouter(
} }
}; };
return <div> return <div className="content">
<Grid <Grid
container container
spacing={0} spacing={0}

View File

@ -91,7 +91,7 @@ const RegisterPageWithRouter = withRouter(
} }
}; };
return <div> return <div className="content">
<Grid <Grid
container container
spacing={0} spacing={0}

View File

@ -382,7 +382,7 @@ const ReviewPageWithRouter = withRouter(
100 * (numCards - (this.reviewQueue.size() + 1)) / numCards 100 * (numCards - (this.reviewQueue.size() + 1)) / numCards
); );
return <div> return <div className="content">
<Grid container justify="center"> <Grid container justify="center">
<Grid item style={{ width: "100%" }}> <Grid item style={{ width: "100%" }}>
<Card> <Card>

View File

@ -29,7 +29,7 @@ const SummaryPageWithRouter = withRouter(
} }
render() { render() {
return <div> return <div className="content">
<Grid <Grid
container container
spacing={0} spacing={0}