forked from HoloTech/twitch-subathon-timer
-red progress bar
This commit is contained in:
@@ -173,7 +173,7 @@ p {
|
|||||||
|
|
||||||
#GoalProgressBar {
|
#GoalProgressBar {
|
||||||
width: 110%;
|
width: 110%;
|
||||||
background-color: #55CBFF;
|
background-color: #FC98B3;
|
||||||
transform: translate(-5%, 0%) scale(1, 1.5);
|
transform: translate(-5%, 0%) scale(1, 1.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -181,6 +181,7 @@ p {
|
|||||||
transform: translate(0%, -8%) scale(1);
|
transform: translate(0%, -8%) scale(1);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-top: -19%;
|
margin-top: -19%;
|
||||||
|
color: #404145;
|
||||||
}
|
}
|
||||||
|
|
||||||
#TopUsers {
|
#TopUsers {
|
||||||
|
|||||||
4
timer.js
4
timer.js
@@ -279,9 +279,9 @@ class TimerRenderer {
|
|||||||
|
|
||||||
// Update the progress bar
|
// Update the progress bar
|
||||||
if (current / required > .02) {
|
if (current / required > .02) {
|
||||||
this.goal_bar.style.maskImage = `linear-gradient(to right, #55CBFF 0%, #55CBFF ${((current / required) - .02) * 100}%, transparent ${(current / required) * 100}%)`;
|
this.goal_bar.style.maskImage = `linear-gradient(to right, #FC98B3 0%, #FC98B3 ${((current / required) - .02) * 100}%, transparent ${(current / required) * 100}%)`;
|
||||||
} else {
|
} else {
|
||||||
this.goal_bar.style.maskImage = `linear-gradient(to right, #55CBFF 0%, transparent .01%)`;
|
this.goal_bar.style.maskImage = `linear-gradient(to right, #FC98B3 0%, transparent .01%)`;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user