secstate/Iris
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Overwrite default sizes

Browse Source
This commit is contained in:
James Barnsley
2017-05-23 18:12:06 +12:00
parent 29d777763a
commit c70d2e1d0b
2 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/js/components/Modal/VolumeModal.js
View File

@ -23,11 +23,9 @@ export default class VolumeModal extends React.Component{
render(){
return (
<div>
<div className="slider-wrapper">
<div className="slider vertical" onClick={ (e) => this.handleClick(e) } >
<div className="track">
<div className="progress" style={{ height: this.props.volume+'%' }}></div>
</div>
<div className="slider vertical" onClick={ (e) => this.handleClick(e) } >
<div className="track">
<div className="progress" style={{ height: this.props.volume+'%' }}></div>
</div>
</div>
</div>

5
src/scss/components/_modal.scss
View File

@ -203,14 +203,15 @@
}
&.volume {
.slider-wrapper {
.slider {
position: absolute;
top: 10vh;
left: 45vw;
height: 80vh;
width: 10vw;
.track {
width: 10vw;
width: 100%;
}
}
}