From a8db8034d549199b9f9eb669e508ff04cb06a5dd Mon Sep 17 00:00:00 2001 From: Mathias Desloges Date: Thu, 26 Oct 2017 00:53:48 +0200 Subject: [PATCH] clean page rendering --- src/Page.js | 1 - src/PageManager.css | 16 ++++++---------- 2 files changed, 6 insertions(+), 11 deletions(-) diff --git a/src/Page.js b/src/Page.js index 6e0e139..ca6e80e 100644 --- a/src/Page.js +++ b/src/Page.js @@ -5,7 +5,6 @@ export class Page extends Component { const props = this.props return (
-

{props.name}

{ props.children }
) diff --git a/src/PageManager.css b/src/PageManager.css index 025c790..c2a0847 100644 --- a/src/PageManager.css +++ b/src/PageManager.css @@ -15,28 +15,24 @@ width: 100%; } -.page-appear, -.page-enter { - /* opacity: 0; */ +.page { + position: relative; + top: 0; + left: 0; + height: 100%; + width: 100%; } .page-appear-active, .page-enter-active { transition: all 0.5s; - /* opacity: 1; */ } .page-exit { transition: all 0.5s; - /* opacity: 1; */ transform: translateX(0); } -.page-exit-active { - /* opacity: 0; */ -} - - .left .page-appear,