status-im/liquid-funding
2
0
Fork 0
mirror of https://github.com/status-im/liquid-funding.git synced 2025-02-10 10:26:28 +00:00
Code Issues Projects Releases Wiki Activity

align funding goal with halfRows

Browse Source
This commit is contained in:
Barry Gitarts 2019-08-28 11:59:00 -04:00 committed by Barry G
parent bc179eaa25
commit df1f5e8f33
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/projects/CreateProject.jsx
View File

@ -91,11 +91,13 @@ const styles = theme => ({
firstHalf: { firstHalf: {
display: 'grid', display: 'grid',
gridTemplateColumns: 'repeat(12, [col] 1fr)', gridTemplateColumns: 'repeat(12, [col] 1fr)',
gridTemplateRows: '7rem',
gridRowGap: '2rem', gridRowGap: '2rem',
gridColumnStart: '1', gridColumnStart: '1',
gridColumnEnd: '8', gridColumnEnd: '8',
}, },
halfsRows: {
gridTemplateRows: '7rem 5em auto'
},
chatRoom: { chatRoom: {
display: 'grid', display: 'grid',
gridColumnStart: 1, gridColumnStart: 1,
@ -116,7 +118,6 @@ const styles = theme => ({
secondHalf: { secondHalf: {
display: 'grid', display: 'grid',
gridTemplateColumns: 'repeat(12, [col] 1fr)', gridTemplateColumns: 'repeat(12, [col] 1fr)',
gridTemplateRows: '7rem',
gridRowGap: '2rem', gridRowGap: '2rem',
gridColumnStart: '10', gridColumnStart: '10',
gridColumnEnd: '13', gridColumnEnd: '13',
@ -251,12 +252,12 @@ const SubmissionSection = ({ classes, history }) => {
status, status,
isSubmitting isSubmitting
}) => { }) => {
const { firstHalf, secondHalf, fullWidth } = classes const { firstHalf, secondHalf, fullWidth, halfsRows } = classes
const { goalToken, goal } = values const { goalToken, goal } = values
const usdValue = convertTokenAmountUsd(goalToken, goal, prices) const usdValue = convertTokenAmountUsd(goalToken, goal, prices)
return ( return (
<form onSubmit={handleSubmit} className={classes.submissionRoot}> <form onSubmit={handleSubmit} className={classes.submissionRoot}>
<div className={classnames(firstHalf, { <div className={classnames(firstHalf, halfsRows, {
[classes.fullWidth]: isSmall [classes.fullWidth]: isSmall
})}> })}>
<BreadCrumb <BreadCrumb
@ -268,7 +269,7 @@ const SubmissionSection = ({ classes, history }) => {
isRequired={true} isRequired={true}
idFor="Project Name" idFor="Project Name"
name="title" name="title"
label="Project Name" label="Name"
bottomRightLabel="Max 20" bottomRightLabel="Max 20"
bottomRightError={touched.title && errors.title === TOO_LONG} bottomRightError={touched.title && errors.title === TOO_LONG}
errorBorder={touched.title && errors.title === REQUIRED} errorBorder={touched.title && errors.title === REQUIRED}
@ -407,7 +408,7 @@ const SubmissionSection = ({ classes, history }) => {
} }
/>} />}
</div> </div>
<div className={classnames(secondHalf, { <div className={classnames(secondHalf, halfsRows, {
[classes.fullWidth]: isSmall [classes.fullWidth]: isSmall
})}> })}>
<Button type="submit" disabled={!isEmpty(errors)} color="primary" variant="contained" className={classnames(classes.formButton, { <Button type="submit" disabled={!isEmpty(errors)} color="primary" variant="contained" className={classnames(classes.formButton, {
@ -429,6 +430,7 @@ const SubmissionSection = ({ classes, history }) => {
<StatusTextField <StatusTextField
className={fullWidth} className={fullWidth}
isRequired={true} isRequired={true}
multiline={true}
idFor="goal" idFor="goal"
name="goal" name="goal"
label="Enter your funding goal" label="Enter your funding goal"