update list projects palette

This commit is contained in:
Barry Gitarts 2019-11-18 13:55:58 -05:00 committed by Barry G
parent be706ef2a6
commit fca35f89e8
3 changed files with 16 additions and 8 deletions

View File

@ -75,7 +75,7 @@ const useStyles = makeStyles(theme => ({
color: '#939BA1'
},
connect: {
color: '#4360DF',
color: theme.palette.primary[500],
fontSize: '15px',
marginLeft: 'auto',
marginRight: '3rem',

View File

@ -88,7 +88,7 @@ function TableRows({ profiles, classes }) {
<Typography className={classnames(classes.headerContact, cellStyling, classes.cellDescription)}>{creator}</Typography>
<Typography className={classnames(classes.dateCreated, cellStyling, classes.cellDescription)}>{creationDate}</Typography>
<Link to={profileUrl} className={classnames(classes.readMore, cellStyling)}>
<Typography className={classnames(classes.blue, classes.px15)}>Read more</Typography>
<Typography className={classnames(classes.green, classes.px15)}>Read more</Typography>
</Link>
</Fragment>
)
@ -172,7 +172,7 @@ function ListProjects() {
}
})
setOffset(offset-OFFSET)
}} className={classnames(classes.previousButton, classes.blue)}>{'< Previous'}</Button>}
}} className={classnames(classes.previousButton, classes.green)}>{'< Previous'}</Button>}
{profiles.length === OFFSET && <Button onClick={() => {
fetchMore({
variables: {
@ -186,12 +186,12 @@ function ListProjects() {
}
})
setOffset(offset+OFFSET)
}} className={classnames(classes.nextButton, classes.blue)}>{'Next >'}</Button>}
}} className={classnames(classes.nextButton, classes.green)}>{'Next >'}</Button>}
<Link to={`/create-project`} className={fabStyle}>
<Fab className={classes.fab}>
<AddIcon className={classes.addIcon}/>
</Fab>
<Typography className={classes.fabText}>Add your own project</Typography>
<Typography className={classes.fabText}>Assemble a project</Typography>
</Link>
</div>
)

View File

@ -2,12 +2,15 @@ import { makeStyles } from '@material-ui/core/styles'
const useStyles = makeStyles(theme => ({
addIcon: {
color: '#4360DF',
color: theme.palette.primary[500],
fontSize: '2.5em'
},
blue: {
color: '#4360DF'
},
green: {
color: theme.palette.primary[500]
},
px15: {
fontSize: '0.9375rem'
},
@ -88,11 +91,12 @@ const useStyles = makeStyles(theme => ({
},
fab: {
gridColumn: '3 / 5',
background: '#EEF2F5',
background: '#1AA56E1A',
boxShadow: 'none',
marginRight: '1em'
},
fabText: {
color: theme.palette.primary[500],
fontWeight: 500,
fontSize: '1.2rem'
},
@ -162,7 +166,11 @@ const useStyles = makeStyles(theme => ({
readMore: {
gridColumn: '44 / 48',
fontSize: '0.94rem',
textDecoration: 'none'
textDecoration: 'none',
'&:hover': {
textDecoration: 'underline',
color: theme.palette.primary[500]
}
},
usdValue: {
color: '#939BA1'