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>`
padding: 30px 0;
max-width: ${props => props.isInline && 'calc(50% - 30px)'};
text-align: center;
@media (max-width: 768px) {
margin: 0 auto;
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 { NextAboutPress } from 'ts/pages/about/press';
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 { Next0xInstant } from 'ts/pages/instant';
import { NextLanding } from 'ts/pages/landing';
@ -111,7 +111,7 @@ render(
path={WebsitePaths.MarketMaker}
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.LaunchKit} component={NextLaunchKit 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
</Heading>
<FlexWrap padding={'0 0 60px 0'}>
<FlexWrap>
<CenteredDefinition
title="Amazon Web Services"
titleSize="small"
@ -68,7 +68,7 @@ export class Credits extends React.Component<CreditsProps> {
/>
</FlexWrap>
<FlexWrap padding={'60px 0 0 0'}>
<FlexWrap>
<CenteredDefinition
title="Digital Ocean"
titleSize="small"
@ -113,10 +113,8 @@ export class Credits extends React.Component<CreditsProps> {
};
private readonly _renderHeroActions = () => (
<>
<Button onClick={this._onOpenContactModal} bgColor="dark" isInline={true}>
Apply Now
</Button>
</>
<Button onClick={this._onOpenContactModal} bgColor="dark" isInline={true}>
Apply Now
</Button>
);
}