status-im
/
safe-react
mirror of https://github.com/status-im/safe-react.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

add Check icon - sample

This commit is contained in:
Agustín Longoni 2021-06-01 11:10:43 -03:00
parent 2d6cbb21f5
commit edfbf4b649
2 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/AppLayout/Header/components/Layout.tsx
View File

@ -5,7 +5,7 @@ import Popper from '@material-ui/core/Popper'
import { withStyles } from '@material-ui/core/styles' import { withStyles } from '@material-ui/core/styles'
import * as React from 'react' import * as React from 'react'
import { Link } from 'react-router-dom' import { Link } from 'react-router-dom'
import { Divider } from '@gnosis.pm/safe-react-components' import { Divider, Icon } from '@gnosis.pm/safe-react-components'
import Provider from './Provider' import Provider from './Provider'
import NetworkSelector from './NetworkSelector' import NetworkSelector from './NetworkSelector'
@ -29,8 +29,9 @@ const StyledDivider = styled(Divider)`
const StyledLink = styled.a` const StyledLink = styled.a`
margin: 0; margin: 0;
text-decoration: none; text-decoration: none;
display: block; display: flex;
padding: 12px 0; justify-content: space-between;
padding: 12px 16px 12px 0;
:hover { :hover {
background-color: ${({ theme }) => theme.colors.background}; background-color: ${({ theme }) => theme.colors.background};
@ -141,6 +142,7 @@ const Layout = ({ classes, providerDetails, providerInfo }) => {
<React.Fragment key={network.name}> <React.Fragment key={network.name}>
<StyledLink href="#"> <StyledLink href="#">
<NetworkLabel networkName={network.name} /> <NetworkLabel networkName={network.name} />
<Icon type="check" size="md" color="primary" />
</StyledLink> </StyledLink>
<StyledDivider /> <StyledDivider />
</React.Fragment> </React.Fragment>

1
src/components/AppLayout/Header/components/NetworkSelector.tsx
View File

@ -25,7 +25,6 @@ const styles = () => ({
cursor: 'pointer', cursor: 'pointer',
display: 'flex', display: 'flex',
flex: '1 1 auto', flex: '1 1 auto',
/* padding: sm, */
justifyContent: 'space-between', justifyContent: 'space-between',
[`@media (min-width: ${screenSm}px)`]: { [`@media (min-width: ${screenSm}px)`]: {
paddingRight: sm, paddingRight: sm,