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 {
|
||||
position: relative;
|
||||
height: 6px;
|
||||
background: rgba(255, 255, 255, 0.3);
|
||||
border-radius: 3px;
|
||||
height: 12px; /* Increased from 6px to 12px for better visibility */
|
||||
background: rgba(255, 255, 255, 0.5); /* Increased opacity from 0.3 to 0.5 */
|
||||
border-radius: 6px;
|
||||
cursor: pointer;
|
||||
margin-bottom: 8px;
|
||||
transition: height 0.2s ease;
|
||||
}
|
||||
|
||||
.progress-bar:hover {
|
||||
height: 8px;
|
||||
height: 16px; /* Increased from 8px to 16px */
|
||||
}
|
||||
|
||||
.progress-filled {
|
||||
height: 100%;
|
||||
background: linear-gradient(90deg, #ff6b9d, #c471ed);
|
||||
border-radius: 3px;
|
||||
border-radius: 6px; /* Updated to match parent */
|
||||
width: 0%;
|
||||
transition: width 0.1s ease;
|
||||
position: relative;
|
||||
|
|
|
|||
Loading…
Reference in New Issue