diff --git a/src/routes/safe/components/Balances/SendModal/screens/SendFunds/index.jsx b/src/routes/safe/components/Balances/SendModal/screens/SendFunds/index.jsx index eea2e15b..002eb487 100644 --- a/src/routes/safe/components/Balances/SendModal/screens/SendFunds/index.jsx +++ b/src/routes/safe/components/Balances/SendModal/screens/SendFunds/index.jsx @@ -10,8 +10,11 @@ import Row from '~/components/layout/Row' import Link from '~/components/layout/Link' import Col from '~/components/layout/Col' import Block from '~/components/layout/Block' +import Bold from '~/components/layout/Bold' import Hairline from '~/components/layout/Hairline' -import { lg, sm, secondary } from '~/theme/variables' +import { + lg, md, sm, secondary, xs, +} from '~/theme/variables' import { copyToClipboard } from '~/utils/clipboard' const styles = () => ({ @@ -28,6 +31,19 @@ const styles = () => ({ height: '35px', width: '35px', }, + formContainer: { + padding: `${md} ${lg}`, + }, + balanceContainer: { + fontSize: '12px', + lineHeight: 1.08, + letterSpacing: -0.5, + backgroundColor: '#eae9ef', + width: 'fit-content', + padding: '6px', + marginTop: xs, + borderRadius: '3px', + }, }) const openIconStyle = { @@ -43,7 +59,7 @@ type Props = { safeName: string, } -const Send = ({ +const SendFunds = ({ classes, onClose, safeAddress, etherScanLink, safeName, }: Props) => ( @@ -56,21 +72,33 @@ const Send = ({ - - - - - - {safeName} - - {safeAddress} - - - - - - + + + + + + + + {safeName} + + + {safeAddress} + + + + + + + Balance: + {' '} + 1.349 ETH + + + + + + ) -export default withStyles(styles)(Send) +export default withStyles(styles)(SendFunds) diff --git a/src/theme/mui.js b/src/theme/mui.js index 21b2e520..3bf0bcd7 100644 --- a/src/theme/mui.js +++ b/src/theme/mui.js @@ -111,7 +111,7 @@ export default createMuiTheme({ color: secondary, order: 0, marginTop: '0px', - backgroundColor: 'EAE9EF', + backgroundColor: '#EAE9EF', }, }, MuiInput: {