diff --git a/web/splash/splash.css b/web/splash/splash.css index d194e0b9d..33febe122 100644 --- a/web/splash/splash.css +++ b/web/splash/splash.css @@ -1,61 +1,28 @@ div.headerContainer { flex: 1 1 auto; padding: 0 10px; } -div.topContainer { - position: absolute; - top: 0; - left: 0; - right: 0; -} -div.content { - flex: 1 0 0; - position: relative; - min-height: 100%; -} -div.top { - max-width: 1024px; - margin: 0 auto; -} div.headerContents { 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 { color: white; font-size: 38px; } header.header { padding: 10px 20px; border-radius: 20px; border: 1px solid white; } -div.body { - padding: 30px 0 20px 0; -} -div.intro { - text-align: center; - margin-bottom: 50px; -} -p.introHeader { - color: white; - font-size: 28px; - font-weight: 300; -} -p.introDescription { - color: white; - font-size: 21px; - font-weight: 300; - padding-top: 5px; -} diff --git a/web/splash/splash.react.js b/web/splash/splash.react.js index a8c5a5437..5dc8b3d78 100644 --- a/web/splash/splash.react.js +++ b/web/splash/splash.react.js @@ -1,68 +1,52 @@ // @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 is a chat app with an integrated calendar. -

-

- We make it incredibly easy to plan events with your friends. -

-
-
-
-
-
{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;