fix(ui): add box shadow to volume slider for visibility
This commit is contained in:
@@ -44,6 +44,7 @@
|
|||||||
width: 4px;
|
width: 4px;
|
||||||
border-radius: 9999px;
|
border-radius: 9999px;
|
||||||
background: rgba(255, 255, 255, 0.55);
|
background: rgba(255, 255, 255, 0.55);
|
||||||
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.45);
|
||||||
}
|
}
|
||||||
|
|
||||||
.volume-range::-webkit-slider-thumb {
|
.volume-range::-webkit-slider-thumb {
|
||||||
@@ -55,12 +56,14 @@
|
|||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
border: 0;
|
border: 0;
|
||||||
margin-left: -5px;
|
margin-left: -5px;
|
||||||
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.55);
|
||||||
}
|
}
|
||||||
|
|
||||||
.volume-range::-moz-range-track {
|
.volume-range::-moz-range-track {
|
||||||
width: 4px;
|
width: 4px;
|
||||||
border-radius: 9999px;
|
border-radius: 9999px;
|
||||||
background: rgba(255, 255, 255, 0.55);
|
background: rgba(255, 255, 255, 0.55);
|
||||||
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.45);
|
||||||
}
|
}
|
||||||
|
|
||||||
.volume-range::-moz-range-thumb {
|
.volume-range::-moz-range-thumb {
|
||||||
@@ -69,6 +72,7 @@
|
|||||||
border-radius: 9999px;
|
border-radius: 9999px;
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
border: 0;
|
border: 0;
|
||||||
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.55);
|
||||||
}
|
}
|
||||||
|
|
||||||
.volume-wrap::before {
|
.volume-wrap::before {
|
||||||
|
|||||||
Reference in New Issue
Block a user