mirror of
https://github.com/status-im/liquid-funding.git
synced 2025-01-28 04:04:51 +00:00
52 lines
1.1 KiB
JavaScript
52 lines
1.1 KiB
JavaScript
import React from 'react'
|
|
import Divider from '@material-ui/core/Divider'
|
|
import { withStyles } from '@material-ui/core/styles'
|
|
|
|
const styles = theme => ({
|
|
root: {
|
|
display: 'grid',
|
|
gridTemplateColumns: 'repeat(12, [col] 1fr)',
|
|
gridTemplateRows: 'repeat(5, [row] auto)',
|
|
gridColumnGap: '1em',
|
|
gridRowGap: '36px',
|
|
fontFamily: theme.typography.fontFamily,
|
|
[theme.breakpoints.up('sm')]: {
|
|
margin: '1.75rem 4.5rem'
|
|
}
|
|
},
|
|
title: {
|
|
display: 'grid',
|
|
fontSize: '2.5rem',
|
|
gridColumnStart: '1',
|
|
gridColumnEnd: '13',
|
|
gridRowStart: '1',
|
|
gridRowEnd: '6',
|
|
textAlign: 'center'
|
|
},
|
|
submissionRoot: {
|
|
gridColumnStart: '1',
|
|
gridColumnEnd: '13'
|
|
},
|
|
textField: {
|
|
width: '100%'
|
|
}
|
|
})
|
|
|
|
const Title = ({ className }) => (
|
|
<div className={className}>
|
|
<div style={{ alignSelf: 'center' }}>Create Project</div>
|
|
<Divider />
|
|
</div>
|
|
)
|
|
|
|
function CreateProject({ classes }) {
|
|
return (
|
|
<div className={classes.root}>
|
|
<Title className={classes.title} />
|
|
</div>
|
|
)
|
|
}
|
|
|
|
const StyledProject = withStyles(styles)(CreateProject)
|
|
export default StyledProject
|