Changeset View
Changeset View
Standalone View
Standalone View
web/cashtab/src/components/Common/Atoms.js
import styled from 'styled-components'; | import styled from 'styled-components'; | ||||
import { Link } from 'react-router-dom'; | |||||
export const WarningFont = styled.div` | export const WarningFont = styled.div` | ||||
color: ${props => props.theme.wallet.text.primary}; | color: ${props => props.theme.wallet.text.primary}; | ||||
`; | `; | ||||
export const LoadingCtn = styled.div` | export const LoadingCtn = styled.div` | ||||
width: 100%; | width: 100%; | ||||
display: flex; | display: flex; | ||||
▲ Show 20 Lines • Show All 71 Lines • ▼ Show 20 Lines | export const ConvertAmount = styled.div` | ||||
color: ${props => props.theme.contrast}; | color: ${props => props.theme.contrast}; | ||||
width: 100%; | width: 100%; | ||||
font-size: 14px; | font-size: 14px; | ||||
margin-bottom: 10px; | margin-bottom: 10px; | ||||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||||
font-size: 12px; | font-size: 12px; | ||||
} | } | ||||
`; | `; | ||||
export const StyledLink = styled(Link)` | |||||
color: ${props => props.theme.buttons.styledLink}; | |||||
text-decoration: none; | |||||
padding: 8px; | |||||
position: relative; | |||||
border: solid 1px silver; | |||||
border-radius: 10px; | |||||
`; |