diff --git a/smart-hut/src/components/dashboard/devices/Curtains.css b/smart-hut/src/components/dashboard/devices/Curtains.css index e98e37f..c4ec319 100644 --- a/smart-hut/src/components/dashboard/devices/Curtains.css +++ b/smart-hut/src/components/dashboard/devices/Curtains.css @@ -1,69 +1,69 @@ * { - margin: 0; - padding: 0; - box-sizing: border-box; + margin: 0; + padding: 0; + box-sizing: border-box; } .container.curtain-container { - position: relative; - margin-top: 10%; - width: 18rem; - height: 9rem; - background-color: #f7f7f7; - border-radius: 5px; - box-shadow: 10px 10px 30px 15px rgba(0, 0, 0, 0.247); + position: relative; + margin-top: 10%; + width: 18rem; + height: 9rem; + background-color: #f7f7f7; + border-radius: 5px; + box-shadow: 10px 10px 30px 15px rgba(0, 0, 0, 0.247); } .open-container { - position: absolute; - width: 18rem; - background-color: #f79071; - border-radius: 5px; + position: absolute; + width: 18rem; + background-color: #f79071; + border-radius: 5px; } .slider { - -webkit-appearance: none; - width: 9rem; - position: absolute; - left: 75%; - top: 50%; - transform: translateY(-50%) rotateZ(90deg); - background: transparent; - outline: none; + -webkit-appearance: none; + width: 9rem; + position: absolute; + left: 75%; + top: 50%; + transform: translateY(-50%) rotateZ(90deg); + background: transparent; + outline: none; } .slider::-webkit-slider-runnable-track { - -webkit-appearance: none; - height: 5px; - background-color: #1b1c1d; - border-radius: 50px; - cursor: pointer; + -webkit-appearance: none; + height: 5px; + background-color: #1b1c1d; + border-radius: 50px; + cursor: pointer; } .slider::-webkit-slider-thumb { - -webkit-appearance: none; - appearance: none; - width: 18px; - height: 18px; - border-radius: 50%; - background: #1b1c1d; - position: relative; - transition: all; - top: -5.5px; + -webkit-appearance: none; + appearance: none; + width: 18px; + height: 18px; + border-radius: 50%; + background: #1b1c1d; + position: relative; + transition: all; + top: -5.5px; } .slider::-webkit-slider-thumb:hover { - transform: scale(1.2); + transform: scale(1.2); } .span-open { - -webkit-user-select: none; - font-family: "Lato"; - font-weight: bold; - font-size: 3rem; - text-emphasis: none; - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); + -webkit-user-select: none; + font-family: "Lato"; + font-weight: bold; + font-size: 3rem; + text-emphasis: none; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); } diff --git a/smart-hut/src/components/dashboard/devices/Dimmer.js b/smart-hut/src/components/dashboard/devices/Dimmer.js index e9d7a72..d4762fd 100644 --- a/smart-hut/src/components/dashboard/devices/Dimmer.js +++ b/smart-hut/src/components/dashboard/devices/Dimmer.js @@ -129,10 +129,10 @@ export class KnobDimmerComponent extends Component { } const mapStateToProps = (state, ownProps) => ({ - get stateOrDevice(){ - if(state.active.activeTab==="Devices"){ + get stateOrDevice() { + if (state.active.activeTab === "Devices") { return state.devices[ownProps.id]; - }else{ + } else { return state.sceneStates[ownProps.id]; } }, diff --git a/smart-hut/src/components/dashboard/devices/Thermostat.css b/smart-hut/src/components/dashboard/devices/Thermostat.css index 9c7097b..bfff9ee 100644 --- a/smart-hut/src/components/dashboard/devices/Thermostat.css +++ b/smart-hut/src/components/dashboard/devices/Thermostat.css @@ -1,38 +1,38 @@ .slider-css { - -webkit-appearance: none; - width: 20rem; - font-family: "Lato"; - position: absolute; - margin-top: 27%; - margin-left: 50%; - transform: translate(-50%, -50%); + -webkit-appearance: none; + width: 20rem; + font-family: "Lato"; + position: absolute; + margin-top: 27%; + margin-left: 50%; + transform: translate(-50%, -50%); } .slider-css::-webkit-slider-thumb { - -webkit-appearance: none; - border: 5px solid #ffffff; - width: 18px; - height: 18px; - border-radius: 10px; - background-color: rgba(94, 246, 152, 1); - cursor: pointer; - box-shadow: 1px 1px 15px 2px rgba(0, 0, 0, 0.4); - margin-top: -7px; + -webkit-appearance: none; + border: 5px solid #ffffff; + width: 18px; + height: 18px; + border-radius: 10px; + background-color: rgba(94, 246, 152, 1); + cursor: pointer; + box-shadow: 1px 1px 15px 2px rgba(0, 0, 0, 0.4); + margin-top: -7px; } .slider-css:focus { - -webkit-appearance: none; + -webkit-appearance: none; - outline: none; + outline: none; } .slider-css::-webkit-slider-runnable-track { - -webkit-appearance: none; - outline: none; - width: 100%; - height: 7px; - cursor: pointer; - box-shadow: 4.5px 4.5px 20px 1px rgba(0, 0, 0, 0.3); - background: white; - border-radius: 5px; + -webkit-appearance: none; + outline: none; + width: 100%; + height: 7px; + cursor: pointer; + box-shadow: 4.5px 4.5px 20px 1px rgba(0, 0, 0, 0.3); + background: white; + border-radius: 5px; }