Send modal styles (#2223)

* fix heading size and styles

* buttons width

* fix margins

Co-authored-by: Daniel Sanchez <daniel.sanchez@gnosis.pm>
Co-authored-by: katspaugh <katspaugh@users.noreply.github.com>
This commit is contained in:
Agustín Longoni 2021-05-12 07:11:02 -03:00 committed by GitHub
parent 961f274c6a
commit 28e1bd3e77
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 12 deletions

View File

@ -91,7 +91,7 @@ const ChooseTxType = ({
className={classes.firstButton}
color="primary"
minHeight={52}
minWidth={260}
minWidth={240}
onClick={() => setActiveScreen('sendFunds')}
variant="contained"
testId="modal-send-funds-btn"
@ -104,7 +104,7 @@ const ChooseTxType = ({
className={classes.firstButton}
color="primary"
minHeight={52}
minWidth={260}
minWidth={240}
onClick={() => setActiveScreen('sendCollectible')}
variant="contained"
testId="modal-send-collectible-btn"
@ -122,7 +122,7 @@ const ChooseTxType = ({
color="primary"
disabled={disableContractInteraction}
minHeight={52}
minWidth={260}
minWidth={240}
onClick={() => setActiveScreen('contractInteraction')}
variant="outlined"
testId="modal-contract-interaction-btn"

View File

@ -1,5 +1,5 @@
import { createStyles, makeStyles } from '@material-ui/core/styles'
import { lg, md, sm } from 'src/theme/variables'
import { lg, md, sm, xs } from 'src/theme/variables'
export const useStyles = makeStyles(
createStyles({
@ -7,10 +7,11 @@ export const useStyles = makeStyles(
padding: `${md} ${lg}`,
justifyContent: 'space-between',
boxSizing: 'border-box',
maxHeight: '75px',
height: '74px',
},
manage: {
fontSize: lg,
marginTop: `${xs}`,
},
disclaimer: {
marginBottom: `-${md}`,
@ -24,17 +25,13 @@ export const useStyles = makeStyles(
closeIcon: {
height: '35px',
width: '35px',
marginBottom: `-${xs}`,
},
buttonColumn: {
margin: '16px 0 44px 0',
'& > button': {
fontSize: md,
fontFamily: 'Averta',
},
margin: '52px 0 44px 0',
},
firstButton: {
boxShadow: '1px 2px 10px 0 rgba(212, 212, 211, 0.59)',
marginBottom: 15,
marginBottom: 12,
},
iconSmall: {
fontSize: 16,