1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
|
import * as _ from 'lodash';
import * as React from 'react';
import DocumentTitle = require('react-document-title');
import { DocsContentTopBar } from 'ts/components/documentation/docs_content_top_bar';
import { DocsLogo } from 'ts/components/documentation/docs_logo';
import { Translate } from 'ts/utils/translate';
export interface HomeProps {
location: Location;
translate: Translate;
}
export interface HomeState {}
export class Home extends React.Component<HomeProps, HomeState> {
public render(): React.ReactNode {
return (
<div
className="flex items-center"
style={{
width: '100%',
background: 'linear-gradient(to right, #f5f5f5 0%, #f5f5f5 50%, #ffffff 50%, #ffffff 100%)',
}}
>
<DocumentTitle title="0x Docs Home" />
<div className="flex mx-auto">
<div
style={{
width: 234,
paddingLeft: 22,
paddingRight: 22,
backgroundColor: '#f5f5f5',
height: '100vh',
border: '1px black dotted',
}}
>
<DocsLogo />
</div>
<div
style={{
width: 716,
paddingLeft: 50,
paddingRight: 50,
backgroundColor: '#ffffff',
height: '100vh',
border: '1px black dotted',
}}
>
<DocsContentTopBar location={this.props.location} translate={this.props.translate} />
</div>
</div>
</div>
);
}
}
|