responsive InstallBridge landing page

pull/350/head
slowbackspace 5 years ago
parent 44323a690e
commit 9a3d2ece4d

@ -6,7 +6,7 @@ import colors from 'config/colors';
import { FONT_SIZE, FONT_WEIGHT } from 'config/variables'; import { FONT_SIZE, FONT_WEIGHT } from 'config/variables';
import { Select } from 'components/Select'; import { Select } from 'components/Select';
import Link from 'components/Link'; import Link from 'components/Link';
import { H1 } from 'components/Heading'; import { H1, H2 } from 'components/Heading';
import Button from 'components/Button'; import Button from 'components/Button';
import P from 'components/Paragraph'; import P from 'components/Paragraph';
import Icon from 'components/Icon'; import Icon from 'components/Icon';
@ -42,6 +42,7 @@ const Wrapper = styled.div`
justify-content: center; justify-content: center;
align-items: center; align-items: center;
max-width: 500px; max-width: 500px;
padding: 0 24px;
`; `;
const Top = styled.div` const Top = styled.div`
@ -62,6 +63,7 @@ const TitleHeader = styled(H1)`
font-size: ${FONT_SIZE.HUGE}; font-size: ${FONT_SIZE.HUGE};
justify-content: center; justify-content: center;
align-items: center; align-items: center;
flex-wrap: wrap;
`; `;
const Version = styled.span` const Version = styled.span`
@ -81,12 +83,15 @@ const LearnMoreText = styled.span`
const SelectWrapper = styled(Select)` const SelectWrapper = styled(Select)`
margin-right: 10px; margin-right: 10px;
width: 180px; width: 180px;
margin-bottom: 5px;
`; `;
const Download = styled.div` const Download = styled.div`
margin: 24px auto; margin: 24px auto;
display: flex; display: flex;
align-items: center; align-items: center;
flex-wrap: wrap;
justify-content: center;
`; `;
const DownloadBridgeButton = styled(Button)` const DownloadBridgeButton = styled(Button)`
@ -94,6 +99,7 @@ const DownloadBridgeButton = styled(Button)`
padding-bottom: 5px; padding-bottom: 5px;
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: 5px;
`; `;
const GoBack = styled.span` const GoBack = styled.span`
@ -110,7 +116,7 @@ const Ol = styled.ul`
margin: 0 auto; margin: 0 auto;
color: ${colors.TEXT_SECONDARY}; color: ${colors.TEXT_SECONDARY};
font-size: ${FONT_SIZE.BIG}; font-size: ${FONT_SIZE.BIG};
padding: 10px 0 15px 25px; padding: 0px 0 15px 25px;
text-align: left; text-align: left;
`; `;
@ -175,6 +181,7 @@ class InstallBridge extends PureComponent<Props, State> {
</DownloadBridgeButton> </DownloadBridgeButton>
</Link> </Link>
</Download> </Download>
<H2>Changelog</H2>
<Ol> <Ol>
{this.props.transport.bridge.changelog.map(entry => ( {this.props.transport.bridge.changelog.map(entry => (
<Li key={entry}>{entry}</Li> <Li key={entry}>{entry}</Li>

Loading…
Cancel
Save