From 735a653d0ddecdb5604545669b3a182c00d50886 Mon Sep 17 00:00:00 2001 From: Davide Ceschia Date: Mon, 18 Feb 2019 23:36:10 +0100 Subject: [PATCH] v0.11.1-beta --- app/components/NewUserPage/NewUserPage.js | 89 +++++++++++++++-------- package.json | 2 +- 2 files changed, 58 insertions(+), 33 deletions(-) diff --git a/app/components/NewUserPage/NewUserPage.js b/app/components/NewUserPage/NewUserPage.js index 34e99c926..9f6ba3e7e 100644 --- a/app/components/NewUserPage/NewUserPage.js +++ b/app/components/NewUserPage/NewUserPage.js @@ -8,8 +8,9 @@ import store from '../../localStore'; import background from '../../assets/images/login_background.jpg'; import circleBlue from '../../assets/images/circleBlue.svg'; - -const colors = store.get('settings') ? store.get('settings').theme : THEMES.default; +const colors = store.get('settings') + ? store.get('settings').theme + : THEMES.default; const defaultStyle = { transition: `all ${700}ms ease-in-out`, @@ -18,51 +19,74 @@ const defaultStyle = { backgroundPosition: 'center center', backgroundRepeat: 'no-repeat', backgroundSize: '0 0' -} - +}; const internalDivStyles = { entered: { opacity: 1 } -} +}; const NewUserPage = props => { const [mounted, setMounted] = useState(true); const transitionStyles = { entered: { - backgroundSize: `${window.screen.availWidth * 3}px ${window.screen.availHeight * 3}px` + backgroundSize: `${window.screen.availWidth * 3}px ${window.screen + .availHeight * 3}px` }, exiting: { backgroundSize: `0px 0px` } }; return ( -
- - {(state) => ( -
-
+
+ + {state => ( +
+

Welcome to GDLauncher!

Hello {props.username}!
- GDLauncher is free and open source, - it wouldn't exist without its community. If you find any bug or have any suggestion, tell us on Discord!

+ GDLauncher is free and open source, it wouldn't exist without + its community. If you find any bug or have any suggestion, + tell us on Discord! +
+
Happy gaming!

- +