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",
|
|
};
|