Changeset View
Changeset View
Standalone View
Standalone View
web/cashtab/src/components/Common/PrimaryButton.js
| Show All 26 Lines | @media (max-width: 768px) { | ||||
| font-size: 16px; | font-size: 16px; | ||||
| padding: 15px 0; | padding: 15px 0; | ||||
| } | } | ||||
| `; | `; | ||||
| const SecondaryButton = styled.button` | const SecondaryButton = styled.button` | ||||
| border: none; | border: none; | ||||
| color: ${props => props.theme.buttons.secondary.color}; | color: ${props => props.theme.buttons.secondary.color}; | ||||
| background: ${props => props.theme.buttons.secondary.background}; | background: ${props => props.theme.buttons.secondary.disabledSendBg}; | ||||
| transition: all 0.5s ease; | transition: all 0.5s ease; | ||||
| font-size: 18px; | font-size: 18px; | ||||
| width: 100%; | width: 100%; | ||||
| padding: 15px 0; | padding: 15px 0; | ||||
| border-radius: 4px; | border-radius: 4px; | ||||
| cursor: pointer; | cursor: not-allowed; | ||||
| outline: none; | outline: none; | ||||
| margin-bottom: 20px; | margin-bottom: 20px; | ||||
| :hover { | :hover { | ||||
| -webkit-box-shadow: ${props => | -webkit-box-shadow: ${props => | ||||
| props.theme.buttons.secondary.hoverShadow}; | props.theme.buttons.secondary.hoverShadow}; | ||||
| -moz-box-shadow: ${props => props.theme.buttons.secondary.hoverShadow}; | -moz-box-shadow: ${props => props.theme.buttons.secondary.hoverShadow}; | ||||
| box-shadow: ${props => props.theme.buttons.secondary.hoverShadow}; | box-shadow: ${props => props.theme.buttons.secondary.hoverShadow}; | ||||
| } | } | ||||
| ▲ Show 20 Lines • Show All 49 Lines • Show Last 20 Lines | |||||