Changeset View
Changeset View
Standalone View
Standalone View
cashtab/src/components/Common/UncontrolledLink.tsx
| Show All 16 Lines | |||||
| * kind of action required modal before navigating away from Cashtab | * kind of action required modal before navigating away from Cashtab | ||||
| */ | */ | ||||
| // Need to use a Button that looks like a Link to get Modal with onClick | // Need to use a Button that looks like a Link to get Modal with onClick | ||||
| const LinkButton = styled.button` | const LinkButton = styled.button` | ||||
| background: none; | background: none; | ||||
| border: none; | border: none; | ||||
| padding: 0; | padding: 0; | ||||
| color: ${props => props.theme.secondaryText}; | color: ${props => props.theme.primaryText}; | ||||
| font-size: 16px; | font-size: var(--text-sm); | ||||
| text-decoration: underline; | text-decoration: underline; | ||||
| cursor: pointer; | cursor: pointer; | ||||
| transition: color 0.2s ease; | transition: color 0.2s ease; | ||||
| &:hover { | &:hover { | ||||
| color: ${props => props.theme.accent}; | color: ${props => props.theme.accent}; | ||||
| text-decoration: underline; | text-decoration: underline; | ||||
| } | } | ||||
| ▲ Show 20 Lines • Show All 104 Lines • Show Last 20 Lines | |||||