fix: img size and retrieve information button alignment
This commit is contained in:
parent
d2bb684b00
commit
b995b549b4
3 changed files with 8 additions and 1 deletions
|
|
@ -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
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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
|
||||||
|
|
|
||||||
|
|
@ -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'
|
||||||
},
|
},
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue