64 lines
1.2 KiB
JavaScript
64 lines
1.2 KiB
JavaScript
export const container = {
|
|
margin: '-1em 0',
|
|
width: '15em',
|
|
height: '15.5em',
|
|
boxShadow: '5px 5px 5px 5px #DDD',
|
|
borderRadius: '1em',
|
|
backgroundColor: 'white',
|
|
transform: 'translate(-2.5em, 0)',
|
|
};
|
|
|
|
export const deviceName = {
|
|
paddingTop: '.5rem',
|
|
paddingLeft: '1rem',
|
|
fontFamily: 'Lato',
|
|
fontSize: '1rem',
|
|
fontWeight: 'bold',
|
|
};
|
|
|
|
export const targetTemperature = {
|
|
fontFamily: 'Lato',
|
|
marginTop: '.5rem',
|
|
width: '100%',
|
|
textAlign: 'center',
|
|
fontSize: '1.3rem',
|
|
fontWeight: 'bold',
|
|
color: '#646464',
|
|
};
|
|
|
|
export const slider = {
|
|
width: '25rem',
|
|
fontFamily: 'Lato',
|
|
position: 'absolute',
|
|
marginTop: '35%',
|
|
marginLeft: '50%',
|
|
transform: 'translate(-50%,-50%)',
|
|
};
|
|
|
|
export const stateTagContainer = {
|
|
textAlign: 'center',
|
|
position: 'absolute',
|
|
width: '10rem',
|
|
height: '2rem',
|
|
bottom: '-.25rem',
|
|
left: '50%',
|
|
transform: 'translate(-50%,-50%)',
|
|
backgroundColor: '#2b2',
|
|
borderRadius: '50px',
|
|
};
|
|
|
|
export const stateTag = {
|
|
fontFamily: 'Lato',
|
|
fontSize: '1.2rem',
|
|
lineHeight: '2rem',
|
|
color: 'white',
|
|
textTransform: 'uppercase',
|
|
};
|
|
|
|
export const toggle = {
|
|
position: 'absolute',
|
|
top: '.7rem',
|
|
right: '2.5rem',
|
|
transform: 'rotate(-360deg)',
|
|
};
|