status-im/safe-react
2
0
Fork 0
mirror of https://github.com/status-im/safe-react.git synced 2025-03-02 18:30:34 +00:00
Code Issues Projects Releases Wiki Activity

Update add custom token button label font size, fix token item padding, update manage tokens modal title font size

Browse Source
This commit is contained in:
Mikhail Mikheev 2019-09-27 18:18:47 +04:00
parent 3c777fac94
commit 86cebf604b
4 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/routes/safe/components/Balances/Tokens/index.jsx
View File

@ -42,7 +42,7 @@ const Tokens = (props: Props) => {
return ( return (
<> <>
<Row align="center" grow className={classes.heading}> <Row align="center" grow className={classes.heading}>
<Paragraph className={classes.manage} noMargin weight="bolder"> <Paragraph size="xl" noMargin weight="bolder">
Manage Tokens Manage Tokens
</Paragraph> </Paragraph>
<IconButton onClick={onClose} disableRipple data-testid={MANAGE_TOKENS_MODAL_CLOSE_BUTTON_TEST_ID}> <IconButton onClick={onClose} disableRipple data-testid={MANAGE_TOKENS_MODAL_CLOSE_BUTTON_TEST_ID}>

3
src/routes/safe/components/Balances/Tokens/screens/TokenList/index.jsx
View File

@ -143,6 +143,7 @@ class Tokens extends React.Component<Props, State> {
size="small" size="small"
color="primary" color="primary"
className={classes.add} className={classes.add}
classes={{ label: classes.addBtnLabel }}
onClick={switchToAddCustomTokenScreen} onClick={switchToAddCustomTokenScreen}
testId={ADD_CUSTOM_TOKEN_BUTTON_TEST_ID} testId={ADD_CUSTOM_TOKEN_BUTTON_TEST_ID}
> >
@ -161,7 +162,7 @@ class Tokens extends React.Component<Props, State> {
const isActive = activeTokensAddresses.has(token.address) const isActive = activeTokensAddresses.has(token.address)
return ( return (
<ListItem key={token.address} className={classes.token}> <ListItem key={token.address} className={classes.token} classes={{ root: classes.tokenRoot }}>
<ListItemIcon className={classes.tokenIcon}> <ListItemIcon className={classes.tokenIcon}>
<Img src={token.logoUri} height={28} alt={token.name} onError={setImageToPlaceholder} /> <Img src={token.logoUri} height={28} alt={token.name} onError={setImageToPlaceholder} />
</ListItemIcon> </ListItemIcon>

7
src/routes/safe/components/Balances/Tokens/screens/TokenList/style.js
View File

@ -20,6 +20,9 @@ export const styles = () => ({
paddingRight: md, paddingRight: md,
paddingLeft: md, paddingLeft: md,
}, },
addBtnLabel: {
fontSize: mediumFontSize,
},
actions: { actions: {
height: '50px', height: '50px',
}, },
@ -33,6 +36,10 @@ export const styles = () => ({
minHeight: '50px', minHeight: '50px',
borderBottom: `1px solid ${border}`, borderBottom: `1px solid ${border}`,
}, },
tokenRoot: {
paddingTop: 0,
paddingBottom: 0,
},
searchInput: { searchInput: {
backgroundColor: 'transparent', backgroundColor: 'transparent',
lineHeight: 'initial', lineHeight: 'initial',

7
src/routes/safe/components/Balances/Tokens/style.js
View File

@ -1,16 +1,13 @@
// @flow // @flow
import { lg, sm } from '~/theme/variables' import { lg, md } from '~/theme/variables'
export const styles = () => ({ export const styles = () => ({
heading: { heading: {
padding: `${sm} ${lg}`, padding: `${md} ${lg}`,
justifyContent: 'space-between', justifyContent: 'space-between',
maxHeight: '75px', maxHeight: '75px',
boxSizing: 'border-box', boxSizing: 'border-box',
}, },
manage: {
fontSize: '24px',
},
close: { close: {
height: '35px', height: '35px',
width: '35px', width: '35px',