Make Progress Bar More Visible - Doubled height from 6px to 12px - Increased background opacity from 0.3 to 0.5 - Updated border radius to match - Hover height increased to 16px - Should now be clearly visible!
This commit is contained in:
parent
ee3a7e701e
commit
b7442d9d05
|
|
@ -1119,22 +1119,22 @@ body.cinema-mode {
|
||||||
|
|
||||||
.progress-bar {
|
.progress-bar {
|
||||||
position: relative;
|
position: relative;
|
||||||
height: 6px;
|
height: 12px; /* Increased from 6px to 12px for better visibility */
|
||||||
background: rgba(255, 255, 255, 0.3);
|
background: rgba(255, 255, 255, 0.5); /* Increased opacity from 0.3 to 0.5 */
|
||||||
border-radius: 3px;
|
border-radius: 6px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
transition: height 0.2s ease;
|
transition: height 0.2s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.progress-bar:hover {
|
.progress-bar:hover {
|
||||||
height: 8px;
|
height: 16px; /* Increased from 8px to 16px */
|
||||||
}
|
}
|
||||||
|
|
||||||
.progress-filled {
|
.progress-filled {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background: linear-gradient(90deg, #ff6b9d, #c471ed);
|
background: linear-gradient(90deg, #ff6b9d, #c471ed);
|
||||||
border-radius: 3px;
|
border-radius: 6px; /* Updated to match parent */
|
||||||
width: 0%;
|
width: 0%;
|
||||||
transition: width 0.1s ease;
|
transition: width 0.1s ease;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue