43 lines
829 B
JavaScript
43 lines
829 B
JavaScript
export const energyConsumedStyle = {
|
|
color: 'white',
|
|
fontSize: '1.3rem',
|
|
position: 'absolute',
|
|
top: '20%',
|
|
left: '50%',
|
|
transform: 'translateX(-50%)',
|
|
userSelect: 'none',
|
|
};
|
|
|
|
export const kwhStyle = {
|
|
color: 'white',
|
|
fontSize: '1rem',
|
|
position: 'absolute',
|
|
top: '50%',
|
|
left: '50%',
|
|
transform: 'translateX(-50%)',
|
|
userSelect: 'none',
|
|
};
|
|
|
|
export const imageStyle = {
|
|
width: '2rem',
|
|
height: 'auto',
|
|
position: 'absolute',
|
|
top: '5%',
|
|
left: '50%',
|
|
transform: 'translateX(-35%)',
|
|
filter: 'drop-shadow( 1px 1px 0.5px rgba(0, 0, 0, .25))',
|
|
userSelect: 'none',
|
|
};
|
|
|
|
export const nameStyle = {
|
|
color: 'black',
|
|
position: 'absolute',
|
|
top: '30%',
|
|
left: '50%',
|
|
transform: 'translateX(-50%)',
|
|
overflow: 'hidden',
|
|
whiteSpace: 'nowrap',
|
|
textOverflow: 'ellipsis',
|
|
userSelect: 'none',
|
|
};
|