diff options
| author |  Joe Banks <[email protected]> | 2020-09-28 21:05:59 +0100 |
|---|---|---|
| committer |  GitHub <[email protected]> | 2020-09-28 21:05:59 +0100 |
| commit | 3d4ca61a96bef886eb26bcdb914b331880e28637 (patch) | |
| tree | c0c7ad163af36ddc221d5ed3fbaecb75ee98ea27 /src/pages/LandingPage.tsx | |
| parent | Merge pull request #8 from python-discord/dev/remove-duplicate-console-log (diff) | |
| parent | Change landing page structure to be centered (diff) | |
Merge pull request #9 from python-discord/design/font-changes
Header and form list styling changes
Diffstat (limited to 'src/pages/LandingPage.tsx')
| -rw-r--r-- | src/pages/LandingPage.tsx | 21 |
1 files changed, 11 insertions, 10 deletions
diff --git a/src/pages/LandingPage.tsx b/src/pages/LandingPage.tsx index 16d40c4..4a6e157 100644 --- a/src/pages/LandingPage.tsx +++ b/src/pages/LandingPage.tsx @@ -1,22 +1,23 @@ /** @jsx jsx */ -import { jsx } from "@emotion/core"; +import { css, jsx } from "@emotion/core"; import HeaderBar from "../components/HeaderBar"; import FormListing from "../components/FormListing"; -import OAuth2Button from "../components/OAuth2Button"; function LandingPage() { return <div> <HeaderBar/> - <div css={{marginLeft: "20px"}}> - <h1>Welcome to Python Discord Forms</h1> + <div> - <OAuth2Button/> - - <h3>Available forms</h3> - - <FormListing title="Ban Appeals" description="Appealing bans from the Discord server" open={true}/> - <FormListing title="Insights 2020" description="Insights about the Python Discord community" open={false}/> + <div css={css` + display: flex; + align-items: center; + flex-direction: column; + `}> + <h1>Available Forms</h1> + <FormListing title="Ban Appeals" description="Appealing bans from the Discord server" open={true}/> + <FormListing title="Insights 2020" description="Insights about the Python Discord community" open={false}/> + </div> </div> </div> } |