Changeset View
Changeset View
Standalone View
Standalone View
cashtab/src/components/Common/CustomIcons.js
Show All 29 Lines | |||||
import { ReactComponent as CopySolid } from 'assets/copy.svg'; | import { ReactComponent as CopySolid } from 'assets/copy.svg'; | ||||
import { ReactComponent as LinkSolid } from 'assets/external-link-square-alt.svg'; | import { ReactComponent as LinkSolid } from 'assets/external-link-square-alt.svg'; | ||||
import { ReactComponent as Airdrop } from 'assets/airdrop-icon.svg'; | import { ReactComponent as Airdrop } from 'assets/airdrop-icon.svg'; | ||||
import { ReactComponent as Pdf } from 'assets/file-pdf.svg'; | import { ReactComponent as Pdf } from 'assets/file-pdf.svg'; | ||||
import { ReactComponent as Plus } from 'assets/plus.svg'; | import { ReactComponent as Plus } from 'assets/plus.svg'; | ||||
import { ReactComponent as Download } from 'assets/download.svg'; | import { ReactComponent as Download } from 'assets/download.svg'; | ||||
import { ReactComponent as Edit } from 'assets/edit.svg'; | import { ReactComponent as Edit } from 'assets/edit.svg'; | ||||
import { ReactComponent as Trashcan } from 'assets/trashcan.svg'; | import { ReactComponent as Trashcan } from 'assets/trashcan.svg'; | ||||
import { ReactComponent as EyeSVG } from 'assets/eye.svg'; | |||||
import { ReactComponent as EyeInvisibleSVG } from 'assets/eye-invisible.svg'; | |||||
import { ReactComponent as Audit } from 'assets/audit.svg'; | import { ReactComponent as Audit } from 'assets/audit.svg'; | ||||
import { ReactComponent as Mail } from 'assets/mail.svg'; | import { ReactComponent as Mail } from 'assets/mail.svg'; | ||||
export const CashLoadingIcon = <LoadingOutlined className="cashLoadingIcon" />; | export const CashLoadingIcon = <LoadingOutlined className="cashLoadingIcon" />; | ||||
import { ReactComponent as User } from 'assets/user.svg'; | import { ReactComponent as User } from 'assets/user.svg'; | ||||
import { ReactComponent as XLogo } from 'assets/xlogo.svg'; | import { ReactComponent as XLogo } from 'assets/xlogo.svg'; | ||||
import { ReactComponent as Facebook } from 'assets/Facebook_Logo.svg'; | import { ReactComponent as Facebook } from 'assets/Facebook_Logo.svg'; | ||||
import appConfig from 'config/app'; | import appConfig from 'config/app'; | ||||
▲ Show 20 Lines • Show All 96 Lines • ▼ Show 20 Lines | |||||
export const ThemedMailOutlined = styled(Mail)` | export const ThemedMailOutlined = styled(Mail)` | ||||
stroke: ${props => props.theme.eCashBlue}; | stroke: ${props => props.theme.eCashBlue}; | ||||
fill: ${props => props.theme.eCashBlue}; | fill: ${props => props.theme.eCashBlue}; | ||||
width: 20px; | width: 20px; | ||||
height: 20px; | height: 20px; | ||||
cursor: pointer; | cursor: pointer; | ||||
`; | `; | ||||
export const ThemedEyeSVG = styled(EyeSVG)` | |||||
fill: ${props => props.theme.buttons.primary.color}; | |||||
width: 15px; | |||||
height: 15px; | |||||
cursor: pointer; | |||||
`; | |||||
export const ThemedInvisibleEyeSVG = styled(EyeInvisibleSVG)` | |||||
fill: ${props => props.theme.buttons.primary.color}; | |||||
width: 15px; | |||||
height: 15px; | |||||
cursor: pointer; | |||||
`; | |||||
export const ThemedSignAndVerifyMsg = styled(Audit)` | export const ThemedSignAndVerifyMsg = styled(Audit)` | ||||
min-width: 24px; | min-width: 24px; | ||||
`; | `; | ||||
export const ThemedUserProfileIcon = styled(User)` | export const ThemedUserProfileIcon = styled(User)` | ||||
height: 33px; | height: 33px; | ||||
width: 30px; | width: 30px; | ||||
`; | `; | ||||
▲ Show 20 Lines • Show All 95 Lines • Show Last 20 Lines |