fix: animate operator info title
This commit is contained in:
parent
4ce1b949d0
commit
887815dfc9
1 changed files with 16 additions and 1 deletions
|
|
@ -1,5 +1,6 @@
|
||||||
import CssBaseline from '@material-ui/core/CssBaseline'
|
import CssBaseline from '@material-ui/core/CssBaseline'
|
||||||
import Grid from '@material-ui/core/Grid'
|
import Grid from '@material-ui/core/Grid'
|
||||||
|
import Slide from '@material-ui/core/Slide'
|
||||||
import {
|
import {
|
||||||
StylesProvider,
|
StylesProvider,
|
||||||
jssPreset,
|
jssPreset,
|
||||||
|
|
@ -91,12 +92,26 @@ const Main = () => {
|
||||||
? classes.contentWithSidebar
|
? classes.contentWithSidebar
|
||||||
: classes.contentWithoutSidebar
|
: classes.contentWithoutSidebar
|
||||||
|
|
||||||
|
const transitionProps = {
|
||||||
|
direction: 'left'
|
||||||
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={classes.root}>
|
<div className={classes.root}>
|
||||||
{!is404 && wizardTested && <Header tree={tree} />}
|
{!is404 && wizardTested && <Header tree={tree} />}
|
||||||
<main className={classes.wrapper}>
|
<main className={classes.wrapper}>
|
||||||
{sidebar && !is404 && wizardTested && (
|
{sidebar && !is404 && wizardTested && (
|
||||||
|
<Slide
|
||||||
|
{...transitionProps}
|
||||||
|
in={true}
|
||||||
|
mountOnEnter
|
||||||
|
unmountOnExit
|
||||||
|
children={
|
||||||
|
<div>
|
||||||
<TitleSection title={parent.title}></TitleSection>
|
<TitleSection title={parent.title}></TitleSection>
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
/>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
<Grid container className={classes.grid}>
|
<Grid container className={classes.grid}>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue