mirror of
https://github.com/status-im/liquid-funding.git
synced 2025-01-10 19:47:04 +00:00
update list projects palette
This commit is contained in:
parent
be706ef2a6
commit
fca35f89e8
@ -75,7 +75,7 @@ const useStyles = makeStyles(theme => ({
|
||||
color: '#939BA1'
|
||||
},
|
||||
connect: {
|
||||
color: '#4360DF',
|
||||
color: theme.palette.primary[500],
|
||||
fontSize: '15px',
|
||||
marginLeft: 'auto',
|
||||
marginRight: '3rem',
|
||||
|
@ -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>
|
||||
)
|
||||
|
@ -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'
|
||||
|
Loading…
x
Reference in New Issue
Block a user