fix: replaced the 'info card enabled' radio group with a switch
fix: increased width of inputs fix: avoid formik fields wiggling fix: avoid content bellow form to wiggle when editing fix: fixed the wiggling on the fields labels fix: add ellipsis on text overflow on the contact info form fix: validate phone number, considering locale country if no country code is provided fix: contact info can now be edited independent of the "info card enabled" switch state fix: removed unused style
This commit is contained in:
parent
78f3cfd5c1
commit
37ea3a04c3
2 changed files with 81 additions and 44 deletions
|
|
@ -1,6 +1,6 @@
|
|||
import { offColor } from 'src/styling/variables'
|
||||
import typographyStyles from 'src/components/typography/styles'
|
||||
import theme from 'src/styling/theme'
|
||||
import { offColor } from 'src/styling/variables'
|
||||
|
||||
const { p } = typographyStyles
|
||||
|
||||
|
|
@ -24,6 +24,7 @@ const styles = {
|
|||
},
|
||||
row: {
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'space-between',
|
||||
marginBottom: 28,
|
||||
width: 600,
|
||||
|
|
@ -31,9 +32,21 @@ const styles = {
|
|||
marginBottom: 0
|
||||
}
|
||||
},
|
||||
switchRow: {
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
marginBottom: 28,
|
||||
width: 600
|
||||
},
|
||||
switch: {
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
marginLeft: 120
|
||||
},
|
||||
submit: {
|
||||
justifyContent: 'flex-start',
|
||||
alignItems: 'center',
|
||||
height: 19,
|
||||
padding: [[0, 4, 4, 4]],
|
||||
'& > button': {
|
||||
marginRight: 40
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue