crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changes to spacing

Browse Source
This commit is contained in:
David Sun 2019-02-14 16:02:39 -05:00
parent 525685f942
commit 304e714331
3 changed files with 8 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/website/ts/components/centeredDefinition.tsx
View File

@ -39,15 +39,13 @@ export const CenteredDefinition = (props: CenteredDefinitionProps) => (
); );
const Wrap = styled.div<CenteredDefinitionProps>` const Wrap = styled.div<CenteredDefinitionProps>`
padding: 30px 0;
max-width: ${props => props.isInline && 'calc(50% - 30px)'}; max-width: ${props => props.isInline && 'calc(50% - 30px)'};
text-align: center; text-align: center;
@media (max-width: 768px) { @media (max-width: 768px) {
margin: 0 auto; margin: 0 auto;
max-width: 100%; max-width: 100%;
& + & {
margin-top: ${props => props.isInline && '60px'};
}
} }
`; `;

4
packages/website/ts/index.tsx
View File

@ -20,7 +20,7 @@ import { NextAboutJobs } from 'ts/pages/about/jobs';
import { NextAboutMission } from 'ts/pages/about/mission'; import { NextAboutMission } from 'ts/pages/about/mission';
import { NextAboutPress } from 'ts/pages/about/press'; import { NextAboutPress } from 'ts/pages/about/press';
import { NextAboutTeam } from 'ts/pages/about/team'; import { NextAboutTeam } from 'ts/pages/about/team';
import { NextCredits } from 'ts/pages/credits'; import { Credits } from 'ts/pages/credits';
import { NextEcosystem } from 'ts/pages/ecosystem'; import { NextEcosystem } from 'ts/pages/ecosystem';
import { Next0xInstant } from 'ts/pages/instant'; import { Next0xInstant } from 'ts/pages/instant';
import { NextLanding } from 'ts/pages/landing'; import { NextLanding } from 'ts/pages/landing';
@ -111,7 +111,7 @@ render(
path={WebsitePaths.MarketMaker} path={WebsitePaths.MarketMaker}
component={NextMarketMaker as any} component={NextMarketMaker as any}
/> />
<Route exact={true} path={WebsitePaths.Credits} component={NextCredits as any} /> <Route exact={true} path={WebsitePaths.Credits} component={Credits as any} />
<Route exact={true} path={WebsitePaths.Instant} component={Next0xInstant as any} /> <Route exact={true} path={WebsitePaths.Instant} component={Next0xInstant as any} />
<Route exact={true} path={WebsitePaths.LaunchKit} component={NextLaunchKit as any} /> <Route exact={true} path={WebsitePaths.LaunchKit} component={NextLaunchKit as any} />
<Route exact={true} path={WebsitePaths.Ecosystem} component={NextEcosystem as any} /> <Route exact={true} path={WebsitePaths.Ecosystem} component={NextEcosystem as any} />

12
packages/website/ts/pages/credits.tsx
View File

@ -48,7 +48,7 @@ export class Credits extends React.Component<CreditsProps> {
Get your project off the ground with these great services Get your project off the ground with these great services
</Heading> </Heading>
<FlexWrap padding={'0 0 60px 0'}> <FlexWrap>
<CenteredDefinition <CenteredDefinition
title="Amazon Web Services" title="Amazon Web Services"
titleSize="small" titleSize="small"
@ -68,7 +68,7 @@ export class Credits extends React.Component<CreditsProps> {
/> />
</FlexWrap> </FlexWrap>
<FlexWrap padding={'60px 0 0 0'}> <FlexWrap>
<CenteredDefinition <CenteredDefinition
title="Digital Ocean" title="Digital Ocean"
titleSize="small" titleSize="small"
@ -113,10 +113,8 @@ export class Credits extends React.Component<CreditsProps> {
}; };
private readonly _renderHeroActions = () => ( private readonly _renderHeroActions = () => (
<> <Button onClick={this._onOpenContactModal} bgColor="dark" isInline={true}>
<Button onClick={this._onOpenContactModal} bgColor="dark" isInline={true}> Apply Now
Apply Now </Button>
</Button>
</>
); );
} }