Files
minimax/webui/src/styles/Slider.module.css
2025-11-03 16:42:03 -08:00

57 lines
897 B
CSS

.sliderContainer {
display: flex;
flex-direction: column;
gap: 8px;
}
.sliderLabel {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 13px;
color: #cccccc;
}
.sliderValue {
font-weight: 600;
color: #e0e0e0;
}
.slider {
width: 100%;
height: 6px;
border-radius: 3px;
background: #3a3a3a;
outline: none;
-webkit-appearance: none;
appearance: none;
}
.slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 16px;
height: 16px;
border-radius: 50%;
background: #4fc3f7;
cursor: pointer;
transition: background 0.15s ease;
}
.slider::-webkit-slider-thumb:hover {
background: #6dd1ff;
}
.slider::-moz-range-thumb {
width: 16px;
height: 16px;
border: none;
border-radius: 50%;
background: #4fc3f7;
cursor: pointer;
transition: background 0.15s ease;
}
.slider::-moz-range-thumb:hover {
background: #6dd1ff;
}