fix: img size and retrieve information button alignment

This commit is contained in:
José Oliveira 2021-11-25 17:37:04 +00:00
parent d2bb684b00
commit b995b549b4
3 changed files with 8 additions and 1 deletions

View file

@ -31,7 +31,7 @@ import { getName } from './helper.js'
const useStyles = makeStyles(styles) const useStyles = makeStyles(styles)
const IMAGE_WIDTH = 165 const IMAGE_WIDTH = 165
const IMAGE_HEIGHT = 45 const IMAGE_HEIGHT = 32
const POPUP_IMAGE_WIDTH = 360 const POPUP_IMAGE_WIDTH = 360
const POPUP_IMAGE_HEIGHT = 240 const POPUP_IMAGE_HEIGHT = 240

View file

@ -324,6 +324,7 @@ const CustomerProfile = memo(() => {
</ActionButton> </ActionButton>
<ActionButton <ActionButton
color="primary" color="primary"
className={classes.retrieveInformation}
Icon={blocked ? AuthorizeIcon : BlockIcon} Icon={blocked ? AuthorizeIcon : BlockIcon}
InverseIcon={ InverseIcon={
blocked ? AuthorizeReversedIcon : BlockReversedIcon blocked ? AuthorizeReversedIcon : BlockReversedIcon

View file

@ -33,6 +33,12 @@ export default {
margin: [[8, 0, 4, 0]], margin: [[8, 0, 4, 0]],
padding: [[0, 40.5, 0]] padding: [[0, 40.5, 0]]
}, },
retrieveInformation: {
display: 'flex',
flexDirection: 'row',
margin: [[0, 0, 4, 0]],
padding: [[0, 32.5, 0]]
},
panels: { panels: {
display: 'flex' display: 'flex'
}, },