diff options
Diffstat (limited to 'frontend/src/layouts')
-rw-r--r-- | frontend/src/layouts/HomeLayout.js | 19 | ||||
-rw-r--r-- | frontend/src/layouts/LobbyLayout.js | 19 | ||||
-rw-r--r-- | frontend/src/layouts/index.js | 4 |
3 files changed, 22 insertions, 20 deletions
diff --git a/frontend/src/layouts/HomeLayout.js b/frontend/src/layouts/HomeLayout.js index 76236383..77231c77 100644 --- a/frontend/src/layouts/HomeLayout.js +++ b/frontend/src/layouts/HomeLayout.js @@ -1,19 +1,20 @@ -import React from 'react' -import { Banner } from 'rebass' -import logo from './logo-7-wonders.png' -import background from './background-zeus-temple.jpg' -import ReduxToastr from 'react-redux-toastr' +import React from "react"; +import { Banner } from "rebass"; +import logo from "./logo-7-wonders.png"; +import background from "./background-zeus-temple.jpg"; +import ReduxToastr from "react-redux-toastr"; -export default (props) => ( +export default props => ( <div> <Banner align="center" backgroundImage={background}> - <img src={logo} alt="Seven Wonders"/> + <img src={logo} alt="Seven Wonders" /> {props.children} </Banner> <ReduxToastr timeOut={4000} preventDuplicates position="bottom-left" - progressBar/> + progressBar + /> </div> -) +); diff --git a/frontend/src/layouts/LobbyLayout.js b/frontend/src/layouts/LobbyLayout.js index dba3d589..84d3998f 100644 --- a/frontend/src/layouts/LobbyLayout.js +++ b/frontend/src/layouts/LobbyLayout.js @@ -1,22 +1,23 @@ -import React from 'react' -import { Banner } from 'rebass' -import logo from './logo-7-wonders.png' -import ReduxToastr from 'react-redux-toastr' +import React from "react"; +import { Banner } from "rebass"; +import logo from "./logo-7-wonders.png"; +import ReduxToastr from "react-redux-toastr"; -export default (props) => ( +export default props => ( <div> <Banner align="center" - style={{minHeight: '30vh', marginBottom: 0}} + style={{ minHeight: "30vh", marginBottom: 0 }} backgroundImage="https://images.unsplash.com/photo-1431207446535-a9296cf995b1?dpr=1&auto=format&fit=crop&w=1199&h=799&q=80&cs=tinysrgb&crop=" > - <img src={logo} alt="Seven Wonders Logo"/> + <img src={logo} alt="Seven Wonders Logo" /> </Banner> {props.children} <ReduxToastr timeOut={4000} preventDuplicates position="bottom-left" - progressBar/> + progressBar + /> </div> -) +); diff --git a/frontend/src/layouts/index.js b/frontend/src/layouts/index.js index 0413b647..f09b2a20 100644 --- a/frontend/src/layouts/index.js +++ b/frontend/src/layouts/index.js @@ -1,2 +1,2 @@ -export { default as HomeLayout } from './HomeLayout' -export { default as LobbyLayout } from './LobbyLayout' +export { default as HomeLayout } from "./HomeLayout"; +export { default as LobbyLayout } from "./LobbyLayout"; |