2020-04-23 14:55:44 +00:00
|
|
|
export const container = {
|
2020-05-02 09:11:21 +00:00
|
|
|
margin: "-1em 0",
|
|
|
|
width: "15em",
|
|
|
|
height: "14em",
|
|
|
|
boxShadow: "5px 5px 5px 5px #DDD",
|
|
|
|
borderRadius: "1em",
|
2020-04-27 17:24:21 +00:00
|
|
|
backgroundColor: "white",
|
2020-05-02 09:11:21 +00:00
|
|
|
transform: "translate(-2.5em, 0)",
|
2020-04-23 14:55:44 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
export const deviceName = {
|
2020-05-02 09:11:21 +00:00
|
|
|
paddingTop: ".5rem",
|
|
|
|
paddingLeft: "1rem",
|
2020-04-27 17:24:21 +00:00
|
|
|
fontFamily: "Lato",
|
|
|
|
fontSize: "1rem",
|
|
|
|
fontWeight: "bold",
|
2020-04-23 14:55:44 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
export const targetTemperature = {
|
2020-04-27 17:24:21 +00:00
|
|
|
fontFamily: "Lato",
|
2020-05-02 09:11:21 +00:00
|
|
|
marginTop: ".5rem",
|
|
|
|
width: "100%",
|
|
|
|
textAlign: "center",
|
|
|
|
fontSize: "1.3rem",
|
2020-04-27 17:24:21 +00:00
|
|
|
fontWeight: "bold",
|
|
|
|
color: "#646464",
|
2020-04-23 14:55:44 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
export const slider = {
|
2020-04-27 17:24:21 +00:00
|
|
|
width: "25rem",
|
|
|
|
fontFamily: "Lato",
|
|
|
|
position: "absolute",
|
|
|
|
marginTop: "35%",
|
|
|
|
marginLeft: "50%",
|
|
|
|
transform: "translate(-50%,-50%)",
|
2020-04-23 14:55:44 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
export const stateTagContainer = {
|
2020-04-27 17:24:21 +00:00
|
|
|
textAlign: "center",
|
|
|
|
position: "absolute",
|
2020-05-02 09:11:21 +00:00
|
|
|
width: "10rem",
|
2020-04-27 17:24:21 +00:00
|
|
|
height: "2rem",
|
2020-05-02 09:11:21 +00:00
|
|
|
bottom: 0,
|
|
|
|
left: "50%",
|
2020-04-27 17:24:21 +00:00
|
|
|
transform: "translate(-50%,-50%)",
|
2020-05-02 09:11:21 +00:00
|
|
|
backgroundColor: "#2b2",
|
2020-04-27 17:24:21 +00:00
|
|
|
borderRadius: "50px",
|
2020-04-23 14:55:44 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
export const stateTag = {
|
2020-04-27 17:24:21 +00:00
|
|
|
fontFamily: "Lato",
|
|
|
|
fontSize: "1.2rem",
|
2020-05-02 09:11:21 +00:00
|
|
|
lineHeight: "2rem",
|
2020-04-27 17:24:21 +00:00
|
|
|
color: "white",
|
|
|
|
textTransform: "uppercase",
|
2020-04-23 14:55:44 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
export const toggle = {
|
2020-04-27 17:24:21 +00:00
|
|
|
position: "absolute",
|
2020-05-02 09:11:21 +00:00
|
|
|
top: ".7rem",
|
|
|
|
right: "2.5rem",
|
2020-04-27 17:24:21 +00:00
|
|
|
transform: "rotate(-360deg)",
|
2020-04-23 14:55:44 +00:00
|
|
|
};
|