2020-03-17 16:38:03 +00:00
|
|
|
export const imageStyle = {
|
2020-05-12 13:18:33 +00:00
|
|
|
width: '2rem',
|
|
|
|
height: 'auto',
|
|
|
|
position: 'absolute',
|
|
|
|
top: '5%',
|
|
|
|
left: '50%',
|
|
|
|
transform: 'translateX(-50%)',
|
|
|
|
userSelect: 'none',
|
2020-03-17 16:38:03 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
export const nameStyle = {
|
2020-05-12 13:18:33 +00:00
|
|
|
color: 'black',
|
|
|
|
position: 'absolute',
|
|
|
|
top: '30%',
|
|
|
|
left: '50%',
|
|
|
|
transform: 'translateX(-50%)',
|
|
|
|
overflow: 'hidden',
|
|
|
|
whiteSpace: 'nowrap',
|
|
|
|
textOverflow: 'ellipsis',
|
|
|
|
userSelect: 'none',
|
2020-03-17 16:38:03 +00:00
|
|
|
};
|
2020-03-25 15:04:02 +00:00
|
|
|
|
|
|
|
export const turnedOnStyle = {
|
2020-05-12 13:18:33 +00:00
|
|
|
color: 'white',
|
|
|
|
fontSize: '1.3rem',
|
|
|
|
position: 'absolute',
|
|
|
|
top: '20%',
|
|
|
|
left: '50%',
|
|
|
|
transform: 'translateX(-50%)',
|
|
|
|
userSelect: 'none',
|
2020-03-25 16:20:53 +00:00
|
|
|
};
|