smarthut/frontend
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

prettier run

Browse Source
This commit is contained in:
Claudio Maggioni (maggicl) 2020-04-30 11:56:06 +02:00
parent 697a348058
commit 146aae1684
3 changed files with 75 additions and 75 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

92
smart-hut/src/components/dashboard/devices/Curtains.css
View File

@ -1,69 +1,69 @@
* { * {
margin: 0; margin: 0;
padding: 0; padding: 0;
box-sizing: border-box; box-sizing: border-box;
} }
.container.curtain-container { .container.curtain-container {
position: relative; position: relative;
margin-top: 10%; margin-top: 10%;
width: 18rem; width: 18rem;
height: 9rem; height: 9rem;
background-color: #f7f7f7; background-color: #f7f7f7;
border-radius: 5px; border-radius: 5px;
box-shadow: 10px 10px 30px 15px rgba(0, 0, 0, 0.247); box-shadow: 10px 10px 30px 15px rgba(0, 0, 0, 0.247);
} }
.open-container { .open-container {
position: absolute; position: absolute;
width: 18rem; width: 18rem;
background-color: #f79071; background-color: #f79071;
border-radius: 5px; border-radius: 5px;
} }
.slider { .slider {
-webkit-appearance: none; -webkit-appearance: none;
width: 9rem; width: 9rem;
position: absolute; position: absolute;
left: 75%; left: 75%;
top: 50%; top: 50%;
transform: translateY(-50%) rotateZ(90deg); transform: translateY(-50%) rotateZ(90deg);
background: transparent; background: transparent;
outline: none; outline: none;
} }
.slider::-webkit-slider-runnable-track { .slider::-webkit-slider-runnable-track {
-webkit-appearance: none; -webkit-appearance: none;
height: 5px; height: 5px;
background-color: #1b1c1d; background-color: #1b1c1d;
border-radius: 50px; border-radius: 50px;
cursor: pointer; cursor: pointer;
} }
.slider::-webkit-slider-thumb { .slider::-webkit-slider-thumb {
-webkit-appearance: none; -webkit-appearance: none;
appearance: none; appearance: none;
width: 18px; width: 18px;
height: 18px; height: 18px;
border-radius: 50%; border-radius: 50%;
background: #1b1c1d; background: #1b1c1d;
position: relative; position: relative;
transition: all; transition: all;
top: -5.5px; top: -5.5px;
} }
.slider::-webkit-slider-thumb:hover { .slider::-webkit-slider-thumb:hover {
transform: scale(1.2); transform: scale(1.2);
} }
.span-open { .span-open {
-webkit-user-select: none; -webkit-user-select: none;
font-family: "Lato"; font-family: "Lato";
font-weight: bold; font-weight: bold;
font-size: 3rem; font-size: 3rem;
text-emphasis: none; text-emphasis: none;
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }

6
smart-hut/src/components/dashboard/devices/Dimmer.js
View File

@ -129,10 +129,10 @@ export class KnobDimmerComponent extends Component {
} }
const mapStateToProps = (state, ownProps) => ({ const mapStateToProps = (state, ownProps) => ({
get stateOrDevice(){ get stateOrDevice() {
if(state.active.activeTab==="Devices"){ if (state.active.activeTab === "Devices") {
return state.devices[ownProps.id]; return state.devices[ownProps.id];
}else{ } else {
return state.sceneStates[ownProps.id]; return state.sceneStates[ownProps.id];
} }
}, },

52
smart-hut/src/components/dashboard/devices/Thermostat.css
View File

@ -1,38 +1,38 @@
.slider-css { .slider-css {
-webkit-appearance: none; -webkit-appearance: none;
width: 20rem; width: 20rem;
font-family: "Lato"; font-family: "Lato";
position: absolute; position: absolute;
margin-top: 27%; margin-top: 27%;
margin-left: 50%; margin-left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }
.slider-css::-webkit-slider-thumb { .slider-css::-webkit-slider-thumb {
-webkit-appearance: none; -webkit-appearance: none;
border: 5px solid #ffffff; border: 5px solid #ffffff;
width: 18px; width: 18px;
height: 18px; height: 18px;
border-radius: 10px; border-radius: 10px;
background-color: rgba(94, 246, 152, 1); background-color: rgba(94, 246, 152, 1);
cursor: pointer; cursor: pointer;
box-shadow: 1px 1px 15px 2px rgba(0, 0, 0, 0.4); box-shadow: 1px 1px 15px 2px rgba(0, 0, 0, 0.4);
margin-top: -7px; margin-top: -7px;
} }
.slider-css:focus { .slider-css:focus {
-webkit-appearance: none; -webkit-appearance: none;
outline: none; outline: none;
} }
.slider-css::-webkit-slider-runnable-track { .slider-css::-webkit-slider-runnable-track {
-webkit-appearance: none; -webkit-appearance: none;
outline: none; outline: none;
width: 100%; width: 100%;
height: 7px; height: 7px;
cursor: pointer; cursor: pointer;
box-shadow: 4.5px 4.5px 20px 1px rgba(0, 0, 0, 0.3); box-shadow: 4.5px 4.5px 20px 1px rgba(0, 0, 0, 0.3);
background: white; background: white;
border-radius: 5px; border-radius: 5px;
} }