diff --git a/web/splash/splash.css b/web/splash/splash.css index 33febe122..1f501a13e 100644 --- a/web/splash/splash.css +++ b/web/splash/splash.css @@ -1,28 +1,5 @@ -div.headerContainer { - flex: 1 1 auto; - padding: 0 10px; -} -div.headerContents { +div.loginContainer { display: flex; - justify-content: space-between; - align-items: center; - padding-top: 5px; - padding-bottom: 7px; -} -div.actionLinks > * { - padding-right: 15px; - color: white; - font-weight: 300; -} -div.actionLinks > *:last-child { - padding-right: 0; -} -header.header h1 { + justify-content: center; color: white; - font-size: 38px; -} -header.header { - padding: 10px 20px; - border-radius: 20px; - border: 1px solid white; } diff --git a/web/splash/splash.react.js b/web/splash/splash.react.js index 5dc8b3d78..b25480897 100644 --- a/web/splash/splash.react.js +++ b/web/splash/splash.react.js @@ -1,52 +1,41 @@ // @flow import * as React from 'react'; import LogInModal from '../modals/account/log-in-modal.react'; import { useModalContext } from '../modals/modal-provider.react'; import css from './splash.css'; type Props = { +setModal: (modal: React.Node) => void, +modal: ?React.Node, }; class Splash extends React.PureComponent { render() { return ( -
-
-
-
-

Comm

- -
-
-
+
+

Log in

{this.props.modal} ); } onClickLogIn = (event: SyntheticEvent) => { event.preventDefault(); this.props.setModal(); }; } const ConnectedSplash: React.ComponentType<{}> = React.memo<{}>( function ConnectedSplash(): React.Node { const modalContext = useModalContext(); return ( ); }, ); export default ConnectedSplash;