diff --git a/new-lamassu-admin/src/components/inputs/cashbox/Cashbox.js b/new-lamassu-admin/src/components/inputs/cashbox/Cashbox.js index 38dd9a2c..5305fd7d 100644 --- a/new-lamassu-admin/src/components/inputs/cashbox/Cashbox.js +++ b/new-lamassu-admin/src/components/inputs/cashbox/Cashbox.js @@ -15,13 +15,15 @@ const gridClasses = makeStyles(gridStyles) const Cashbox = ({ percent = 0, cashOut = false, className }) => { const classes = cashboxClasses({ percent, cashOut }) + const threshold = 51 + return (
- {percent <= 50 && {percent.toFixed(0)}%} + {percent <= threshold && {percent.toFixed(0)}%}
- {percent > 50 && {percent.toFixed(0)}%} + {percent > threshold && {percent.toFixed(0)}%}
) diff --git a/new-lamassu-admin/src/components/inputs/cashbox/Cashbox.styles.js b/new-lamassu-admin/src/components/inputs/cashbox/Cashbox.styles.js index c81ee693..234cc598 100644 --- a/new-lamassu-admin/src/components/inputs/cashbox/Cashbox.styles.js +++ b/new-lamassu-admin/src/components/inputs/cashbox/Cashbox.styles.js @@ -27,14 +27,18 @@ const cashboxStyles = { emptyPart: { backgroundColor: 'white', height: ({ percent }) => `${100 - percent}%`, + position: 'relative', '& > p': { color: colorPicker, - display: 'inline-block' + display: 'inline-block', + position: 'absolute', + margin: 0, + bottom: 0, + right: 0 } }, fullPart: { backgroundColor: colorPicker, - height: ({ percent }) => `${percent}%`, '& > p': { color: 'white', display: 'inline'