prettier run
This commit is contained in:
parent
697a348058
commit
146aae1684
3 changed files with 75 additions and 75 deletions
|
@ -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%);
|
||||
}
|
||||
|
|
|
@ -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];
|
||||
}
|
||||
},
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue