mirror of
https://github.com/fleetdm/fleet
synced 2026-04-21 13:37:30 +00:00
482d025d05
* Extracts stacked boxes UI to a re-usable component * Presence validator * Equality validator * Adds ResetPasswordFrom * PasswordResetPage component and route * Ex icon on forgot pw page goes to login * Smooth out the fonts so they match the mocks * Remove dynamic background and refactor colors
35 lines
814 B
JavaScript
35 lines
814 B
JavaScript
import styles from '../../../styles';
|
|
|
|
const { border, color, font, padding } = styles;
|
|
const FORM_WIDTH = '460px';
|
|
|
|
export default {
|
|
containerStyles: {
|
|
alignItems: 'center',
|
|
backgroundColor: color.white,
|
|
borderTopLeftRadius: border.radius.base,
|
|
borderTopRightRadius: border.radius.base,
|
|
boxSizing: 'border-box',
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
padding: padding.base,
|
|
width: FORM_WIDTH,
|
|
minHeight: '350px',
|
|
},
|
|
forgotPasswordStyles: {
|
|
fontSize: font.medium,
|
|
textDecoration: 'none',
|
|
color: color.accentText,
|
|
},
|
|
forgotPasswordWrapperStyles: {
|
|
marginTop: padding.base,
|
|
textAlign: 'right',
|
|
width: '378px',
|
|
},
|
|
formStyles: {
|
|
boxShadow: '0 5px 30px 0 rgba(0,0,0,0.30)',
|
|
},
|
|
submitButtonStyles: {
|
|
width: FORM_WIDTH,
|
|
},
|
|
};
|