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

make flow image responsive

Browse Source
This commit is contained in:
Barry Gitarts 2019-11-22 14:42:57 -05:00 committed by Barry G
parent d755557207
commit 2a74ee4c33
2 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/projects/ProjectsHeader.jsx
View File

@ -63,7 +63,10 @@ const useStyles = makeStyles(({
padding: '1rem' padding: '1rem'
}, },
flowImage: { flowImage: {
gridColumn: '14 / 36' [up('md')]: {
gridColumn: '14 / 36'
},
gridColumn: '1 / 49'
}, },
cardMainFont: { cardMainFont: {
fontSize: '24px' fontSize: '24px'

2
src/components/projects/styles/ListProjects.js
View File

@ -20,7 +20,7 @@ const useStyles = makeStyles(theme => ({
main: { main: {
display: 'grid', display: 'grid',
gridTemplateColumns: 'repeat(48, [col] 1fr)', gridTemplateColumns: 'repeat(48, [col] 1fr)',
gridTemplateRows: '12rem 5rem auto auto 6rem', gridTemplateRows: '12rem 5rem auto auto',
[theme.breakpoints.up('md')]: { [theme.breakpoints.up('md')]: {
gridTemplateRows: '4rem 4rem auto auto 6rem' gridTemplateRows: '4rem 4rem auto auto 6rem'
} }