okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added volume icon (because we needed one feel free to edit or whatever)

Browse source
This commit is contained in:
cryptofyre 2021-12-25 16:23:56 -06:00
parent 7bba73f147
commit 45c9c54032
2 changed files with 10 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/renderer/style.less
View file

@ -633,10 +633,18 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
}
.app-chrome .app-chrome-item.volume {
width: 80px;
width: 100px;
margin-right: 6px;
}
.app-chrome-item.volume-icon {
filter: contrast(0);
background-image: url(http://localhost:9000/assets/volume-up.svg);
height: 15px;
width: 30px;
background-repeat: no-repeat;
}
.app-chrome .app-chrome-item.volume>input[type=range]::-webkit-slider-thumb {
transition: all var(--appleTransition);
}

1
src/renderer/views/main.ejs
View file

@ -105,6 +105,7 @@
</div>
<div class="app-chrome--right">
<div class="app-chrome-item volume display--large">
<div class="app-chrome-item volume-icon"></div>
<input type="range" class="" step="0.01" min="0" max="1" v-model="mk.volume"
v-if="typeof mk.volume != 'undefined'">
</div>