mirror of
https://github.com/fleetdm/fleet
synced 2026-05-24 09:28:54 +00:00
42 lines
945 B
JavaScript
42 lines
945 B
JavaScript
import styles from '../../../styles';
|
|
|
|
const { color, font, padding } = styles;
|
|
const FORM_WIDTH = '460px';
|
|
|
|
export default {
|
|
avatarStyles: {
|
|
borderWidth: '1px',
|
|
borderStyle: 'solid',
|
|
borderColor: color.brand,
|
|
borderRadius: '50%',
|
|
},
|
|
containerStyles: {
|
|
alignItems: 'center',
|
|
backgroundColor: color.white,
|
|
borderTopLeftRadius: '4px',
|
|
borderTopRightRadius: '4px',
|
|
boxSizing: 'border-box',
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
padding: '30px',
|
|
width: FORM_WIDTH,
|
|
minHeight: '350px',
|
|
},
|
|
formStyles: {
|
|
boxShadow: '0 5px 30px 0 rgba(0,0,0,0.30)',
|
|
width: '460px',
|
|
alignSelf: 'center',
|
|
},
|
|
subtextStyles: {
|
|
color: color.textLight,
|
|
fontSize: font.medium,
|
|
marginTop: padding.half,
|
|
},
|
|
usernameStyles: {
|
|
color: color.brand,
|
|
fontSize: font.large,
|
|
marginBottom: padding.half,
|
|
marginTop: padding.half,
|
|
textTransform: 'uppercase',
|
|
},
|
|
};
|