fix: Re-add the page margin for pages that need it
This commit is contained in:
parent
d9ec095d5c
commit
b453947fc5
@ -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">
|
||||||
|
@ -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>
|
||||||
|
@ -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>
|
||||||
|
@ -82,7 +82,7 @@ const LoginPageWithRouter = withRouter(
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
return <div>
|
return <div className="content">
|
||||||
<Grid
|
<Grid
|
||||||
container
|
container
|
||||||
spacing={0}
|
spacing={0}
|
||||||
|
@ -91,7 +91,7 @@ const RegisterPageWithRouter = withRouter(
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
return <div>
|
return <div className="content">
|
||||||
<Grid
|
<Grid
|
||||||
container
|
container
|
||||||
spacing={0}
|
spacing={0}
|
||||||
|
@ -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>
|
||||||
|
@ -29,7 +29,7 @@ const SummaryPageWithRouter = withRouter(
|
|||||||
}
|
}
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
return <div>
|
return <div className="content">
|
||||||
<Grid
|
<Grid
|
||||||
container
|
container
|
||||||
spacing={0}
|
spacing={0}
|
||||||
|
Reference in New Issue
Block a user