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:
dilgenfritz 2025-10-31 20:37:55 -05:00
parent ee3a7e701e
commit b7442d9d05
1 changed files with 5 additions and 5 deletions

View File

@ -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;