feat: add operator info page
feat: save/load operator info feat: add formik switch component feat: add input validation fix: correct formik switch behaviour fix: change infoCardEnabled to a radio input style: move styles out of js feat: add error feedback
This commit is contained in:
parent
b9d2341cd1
commit
7b59e36cb4
10 changed files with 516 additions and 18 deletions
|
|
@ -0,0 +1,54 @@
|
|||
import { offColor } from 'src/styling/variables'
|
||||
|
||||
const styles = {
|
||||
header: {
|
||||
display: 'flex',
|
||||
'& > button': {
|
||||
border: 'none',
|
||||
backgroundColor: 'transparent',
|
||||
marginLeft: 20,
|
||||
cursor: 'pointer'
|
||||
}
|
||||
},
|
||||
section: {
|
||||
marginBottom: 52
|
||||
}
|
||||
}
|
||||
|
||||
const contactInfoStyles = {
|
||||
row: {
|
||||
display: 'flex',
|
||||
justifyContent: 'space-between',
|
||||
marginBottom: 28,
|
||||
'&:last-child': {
|
||||
marginBottom: 0
|
||||
}
|
||||
},
|
||||
infoMessage: {
|
||||
display: 'flex',
|
||||
marginBottom: 52,
|
||||
'& > p': {
|
||||
width: 330,
|
||||
color: offColor,
|
||||
marginTop: 4,
|
||||
marginLeft: 16
|
||||
}
|
||||
},
|
||||
radioButtonsRow: {
|
||||
height: 60
|
||||
},
|
||||
radioButtons: {
|
||||
display: 'flex',
|
||||
flexDirection: 'row'
|
||||
},
|
||||
submit: {
|
||||
justifyContent: 'flex-start',
|
||||
padding: [[0, 4, 4, 4]],
|
||||
height: 20,
|
||||
'& > button': {
|
||||
marginRight: 40
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
export { styles, contactInfoStyles }
|
||||
Loading…
Add table
Add a link
Reference in a new issue