mirror of
https://github.com/fleetdm/fleet
synced 2026-05-24 09:28:54 +00:00
40af0d29ef
* GradientButton components * Style guide updates * Display errors and override styles for InputFieldWithIcon * Envelope Icon * Login page form submission (#157) * API client utility * moves test helpers to the test directory * Utility to namespace local storage keys * LoginSuccessfulPage component * Check icon * adds auth to redux state * successful form submission * Allow tests to load dummy SVG static images & test fixes * ForgotPassword Page, Form & route * Email validator
32 lines
806 B
JavaScript
32 lines
806 B
JavaScript
import styles from '../../../styles';
|
|
|
|
const { border, color, font, padding } = styles;
|
|
|
|
export default (disabled) => {
|
|
const cursor = disabled ? 'not-allowed' : 'pointer';
|
|
|
|
return {
|
|
backgroundImage: 'linear-gradient(134deg, #7166D9 0%, #C86DD7 100%)',
|
|
border: 'none',
|
|
cursor,
|
|
borderBottomLeftRadius: border.radius.base,
|
|
borderBottomRightRadius: border.radius.base,
|
|
boxSizing: 'border-box',
|
|
color: color.white,
|
|
fontSize: font.large,
|
|
letterSpacing: '4px',
|
|
padding: padding.base,
|
|
fontWeight: '300',
|
|
textTransform: 'uppercase',
|
|
width: '100%',
|
|
boxShadow: '0 3px 0 #734893',
|
|
position: 'relative',
|
|
':active': {
|
|
top: '2px',
|
|
boxShadow: '0 1px 0 #734893, 0 -2px 0 #D1D9E9',
|
|
},
|
|
':focus': {
|
|
outline: 'none',
|
|
},
|
|
};
|
|
};
|