fix chrome styling
This commit is contained in:
parent
3983620d81
commit
0ce39e8ac1
1 changed files with 3 additions and 1 deletions
|
@ -42,7 +42,9 @@ export default class Channel extends Vue {
|
|||
.volume {
|
||||
position: relative;
|
||||
width: var(--height);
|
||||
min-width: var(--height);
|
||||
height: var(--width);
|
||||
min-height: var(--width);
|
||||
left: calc(var(--height) / 2 * -1 + var(--width) / 2);
|
||||
transform: rotate(270deg);
|
||||
margin: 0;
|
||||
|
@ -88,7 +90,7 @@ input[type=range]::-moz-range-track {
|
|||
input[type=range]::-webkit-slider-thumb {
|
||||
@include range-thumb;
|
||||
-webkit-appearance: none;
|
||||
margin-top: -14px;
|
||||
margin-top: -8px;
|
||||
}
|
||||
|
||||
input[type=range]::-moz-range-thumb {
|
||||
|
|
Loading…
Reference in a new issue