mirror of
https://github.com/status-im/safe-react.git
synced 2025-02-03 21:34:00 +00:00
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:
parent
961f274c6a
commit
28e1bd3e77
@ -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"
|
||||
|
@ -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,
|
||||
|
Loading…
x
Reference in New Issue
Block a user